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ĐỐI TƯỢNG ĐỘC GIẢ 


Đây là cuốn sách dành cho những người mới bắt đầu thiết 
kế, thuộc mọi thành phán nghề nghiệp và xã hội khác 
nhau. Tôi sử dụng cụm từ “người mới bắt đầu thiết kế” để 
chỉ những ai quan tâm một cách nghiêm túc tới việc nàng 
cao cũng như hoàn thiện tác phẩm thiết kế, dù là sinh viên 
đang theo học thiết kế tại các trường cao đẳng cộng đồng, 
trường đại học hay chuyên gia thuộc những lĩnh vực khác 
nhau đang nỗ lực sáng tạo ra các sản phẩm của riêng mình. 
Cuốn sách này sử dụng cách tiếp cận mà mọi đối tượng, kể 
cả những người không sở hữu “tài năng nghệ thuật thiên 
bẩm? cũng có thể tiếp thu, học hỏi để thiết kế tốt hơn. Mười 
lăm năm giảng dạy các khóa thiết kế đổ họa (graphic design) 
tại trường đại học đã dạy tôi một điều, rằng: Các sinh viên 
thành công nhất thường không phải là những người hội tụ 
nhiều tài năng, mà bởi chính bản thân họ luôn biết đi sâu 
nghiên cứu và chủ động áp dụng các nguyên lý thiết kế vào 
công việc của mình. Thành công của một người hoạt động, 
trong lĩnh vực thiết kế phụ thuộc rất nhiều vào sự chăm chỉ 
và động lực thúc đẩy, chứ không chỉ phụ thuộc vào tài năng 
thiên bẩm. 


Tôi viết cuốn sách này với một niêm tin kiên định rằng: 
Thiết kế không chỉ dành cho những tài năng ưu tú, mà bất 
cứ ai có động lực và một nền tảng vững chắc về các nguyên 
lý thiết kế đều có thể học cách để tạo ra những trang thiết 
kế đẹp. Do đó, cuốn sách này là món quà dành tặng tất cả 
những ai muốn tạo ra các sản phẩm thiết kế hiệu quả và có 
sức cuốn hút về thị giác, bất kể họ là người được đảo tạo 
chính quy, có các chức danh công việc chính thức hay không. 


VIII LỜITỰA 


Có thể họ đã nhận thức được yêu cầu phải nâng cao tác phẩm của minh, 
nhưng lại không chắc chắn lý do tại sao cán phải làm vậy. Cuốn sách này, 
với các nội dung giải thích, ví dụ cùng bài tập thực tế bao trùm toàn bộ 
những nguyên lý thiết kế và nguyên lý dàn trang cơ bản, có thể giúp ích 
cho những ai muốn thiết kế tác phẩm của mình hiệu quả hơn. Một số 
đối tượng độc giả thu được nhiều lợi ích nhất từ cuốn sách này bao gồm 
(nhưng không giới hạn): 

* Sinh viên chuyên ngành thiết kế đang bắt đầu với typography 

(môn chữ ứng dụng học) và thiết kế đàn trang. 


* Giáo viên, những người cán tạo ra các bài giảng, tài liệu hấp dẫn 
cho lớp học. 


• _ Những chủ sở hữu doanh nghiệp nhỏ muốn tạo logo riêng, danh 
thiếp và quảng cáo cho việc kinh doanh đang phát triển của họ. 


* Sinh viên, những người nhận thức được rằng một trang viết tốt 
bao gồm cả nội dung và cách trình bày hấp dẫn. 

* Thu ký, những người bỗng nhiên phải “tiếp nhận” việc thiết kế 
quảng cáo trên báo cho công ty. 

• Các chuyên gia thuộc moi lĩnh vực, những người phải trình bày 
văn bản, đồ thị, biểu đồ, số liệu bán hàng và các tư liệu khác trong 
báo cáo chính thức gửi lên lãnh đạo cấp trên. 


+ Những chuyên gia dày dan kinh nghiệm và sinh viên mới tốt 
nghiệp muốn tạo một bản lý lịch cá nhân được trình bày với hình 
thức đẹp, ấn tượng. 

e Bát cú ai - những người đã biết chút ít hoặc chưa được đào tạo vé 
thiết kế nhưng phải tạo ra các thiết kế dë đọc, hấp dẫn, trình bày 
đẹp mắt trên giấy. 


GIỚI THIỆU CHUNG VỀ SÁCH 


Tôi viết cuốn sách này dựa trên những kinh nghiệm mà bản thân tích 
lũy được với cương vị là giáo sư giảng dạy tất cả các khóa học theo 
trình độ về thiết kế đổ họa và công nghệ thiết kế đổ họa tại trường 
đại học. Những năm đứng trên giảng đường, tôi đã dạy rất nhiều khái 
niệm về nghệ thuật, thiết kế và những khóa học như: Thiết kế hai chiều 
(two-dimensional design), kỹ thuật làm giấy, hội họa, lý thuyết màu, 
phương pháp luận về thiết kế sáng tạo, nghệ thuật minh họa truyền thống 
và kỹ thuật số, nghệ thuật kỹ thuật số, thiết kế quảng cáo, typography, 


dàn trang, thiết kế bao bi (packaging design), thiết kế hó sơ năng lực 
(portfolio design), sản xuất in ấn, thiết kế ấn phẩm, thiết kế thương hiệu 
(branding design), typography động (motion typography), thiết kế Web 
và đa phương tiện (multimedia). Qua mỗi khóa học, tôi đều nhận thấy 
một điểu rằng: Sinh viên tạo ra tác phẩm tốt nhất khi họ không ngừng 
tham khảo những nguyên lý thiết kế cơ bản và chủ động áp dụng các 
nguyên lý đó vào tác phẩm của mình. Theo thời gian, tôi đã học được 
cách trình bày các nguyên lý thiết kế thật đơn giản, giúp sinh viên có 
thể dé dàng nắm bắt: Cuốn sách này đã ghi nhận đẩy đủ các kết quả đó. 


Cuốn sách Nhập môn tư duy thiết kế: Bố cục và Typography - Ấn bản 
lân hai (tựa góc: Basics of Design Layout ё Typography for Beginners - 
2") giới thiệu vé các nguyên lý thiết kế cơ bản thông qua những lời giải 
thích cặn kë, ví du trực quan và bài tập thực tế. Đây là một cuốn sách 
nén tảng, không yêu cẩu người đọc phải biết nhiều hoặc được đào tạo 
chính quy cơ bản về thiết kế. 


MÔ TẢ CẤU TRÚC SÁCH 


Cuốn sách này được viết với giả định rằng bạn muốn thiết kế ra các 
trang đẹp hơn nhưng lại không có nhiều thời gian để nghiên cứu sâu về 
thiết kế. Với quan điểm này, các nguyên lý thiết kế trình bày trong cuốn 
sách được đưa ra nhằm mục đích giúp bạn nhanh chóng cải thiện chất 
lượng thiết kế và bố cục cho công việc của bạn. 


Từ Chương 1 đến Chương 9 giải thích vé các nguyên lý thiết kế nền 
tảng cũng như cách sử dụng hình ảnh, màu sắc và bố cục để gia tăng 
tác động tới thiết kế. Mục Phân tích cấu trúc trang nâng cao ở cuối 
các chương nói về từng nguyên lý sẽ giúp bạn hiểu biết rõ hơn về các 
nguyên lý cần áp dụng vào quá trình thiết kế. Trong mỗi mục này sẽ có 
một nội dung phân tích về trang phác thảo và những lỗi thiết kế sẽ được 
chỉnh lại ở từng bản phác thảo sau. Những mũi tên kèm theo nội dung 
diën giải trỏ trực tiếp vào các điểm yếu và điểm mạnh của thiết kế, từ 
đó cho phép bạn thấy rõ hơn những phần hiệu quả cũng như chưa hiệu 
quả của một thiết kế trang. Nét độc đáo này của cuốn sách xác định rõ 
lý do tại sao phần thiết kế này “chưa tốt”, phần thiết kế kia “ón”, giúp bạn 
nâng cao khả năng suy xét và đánh giá một thiết kế trang. Nhiều cuốn 
sách khác chỉ đưa ra các ví dụ tự cho là tốt hoặc hoàn hảo, nhưng lại 
không giải thích vì sao một thiết kế được coi là chưa tốt và làm thế nào 
để khắc phục những khiếm khuyết đó. Phần Bài tập ở cuối mỗi chương 
giúp bạn củng cố những khái niệm chính thông qua các bài tập thực tế. 


LỜI TỰA 


IX 
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Chuong 10 và Chuong 11 táp trung vào các khái niêm co bàn, lâu dòi 
vé typography và cách nhàn diên, lua chon cüng nhu áp dung typography 
dé làm nổi bật thông điệp cán truyén tài. Chương 12 tập trung vào một 
số dự án thiết kế phổ biến (như thiết kế logo, bản tin, danh thiếp) và bao. 
gồm một danh mục tóm tắt các vấn để cần đặc biệt quan tâm, liên quan 
tới từng kiểu dự án thiết kế. Phần Bài tập ở cuối những chương này sẽ 
mang đến cho người đọc cơ hội học thông qua thực hành: Cách tốt nhất 
để học thiết kế là tham gia một cách chủ động. Các bài tập cuối Chương, 
12 có mức độ khó hơn, có thể tạo ra sản phẩm để tích hợp vào một thiết 
kế hồ sơ năng lực, bao gồm: Logo, văn phòng phẩm, poster (áp phích), 
bia sách, nhãn dia CD. Chương 13 bao gồm: Một bài hướng dẫn phê bình 
nhằm giúp bạn phân tích tác phẩm của bản thân và của người khác; một 
bài thảo luận ngắn về công nghệ và các công cụ thiết kế tiêu biểu; ngoài ra 
còn có một danh sách liệt kê những tác phẩm sách cũng như tài nguyên 
có thể giúp ích cho bạn. 


ĐẶC TRƯNG CỦA SÁCH 


Một số đặc điểm tiêu biểu của sách được biên soạn công phu, với mục 
đích cung cấp kiến thức toàn diện vé các nguyên lý thiết kế cơ bản. 
Những thông tin được trình bày này giúp độc giả nhanh chóng nâng 
cao hiểu biết về lĩnh vực thiết kế. Dưới đây là danh sách một số đặc điểm 
tiêu biểu của cuốn sách này: 


« _ Truyền tải đầy đủ thông tin thiết thực, hữu dụng về các nguyên lý 
thiết kế theo cách dë hiểu, không nặng tính kỹ thuật. 


e Sách được cấu trúc kỹ lưỡng để truyền đạt kiến thức về thiết kế 
đồ họa một cách dễ hiểu. 


e Сас hình minh họa trước và sau thiết kế hướng dẫn người doc 
cách áp dụng những nguyên lý thiết kế, màu sắc, hình ảnh cùng 
nghệ thuật typography để nâng cao thẩm mỹ của sản phẩm thiết 
kế; chúng cũng chỉ cho người đọc cách thức gia tăng tác động thị 
giác (visual impact) của thiết kế trang, đồng thời cải thiện tính tổ 
chức và tính dë đọc (readability) của trang. 

e Muc Phân tích cấu trúc trang nâng cao giúp mài giũa các kỹ năng 
phân tích, hỗ trợ người doc xác định những trường hợp áp dung 
nguyên lý thiết kế cơ bản tốt và chưa tốt. 

+ Các bài tập xây dựng kỹ năng và câu hỏi trắc nghiệm cuối 
mỗi chương giúp người đọc củng cố những khái niệm thiết 
kế quan trọng. 


* Phán tổng quan đẩy đủ vé các thuật ngữ typography giúp người 
đọc nâng cao hiểu biết về typography - một thành phần cơ bản 
trên các trang viết hoặc trang điện tử. 


* Dinh dang cô đọng, súc tích, giúp tăng khả năng đọc lướt nhung 
truyền tải tới người đọc những thông tin quan trọng về thiết kế. 


NHỮNG ĐIỂM MỚI TRONG ẤN BẢN LẦN NÀY 


Ấn bản lần hai này có chức năng như một tài nguyên đọc dành cho cả 
người mới bắt đầu thiết kế đang tự tìm hiểu các khái niệm lẫn những 
sinh viên đang theo học một khóa học thiết kế tập trung. Các điểm mới 
trong ấn bản lần này bao gồm: 


• Những chú thích bổ sung sử dụng ngôn ngữ dễ hiểu, thực tế để 
làm rõ các khái niệm thiết kế. 


+ Các bài tập thêm vào cuối mỗi chương, giúp người đọc thực hành 
những khái niệm vừa học. Ngoài ra, các bài tập nâng cao nằm rải 
rác từ đầu đến cuối sách sẽ cho phép người đọc chỉ cẩn bỏ ra một 
chút thời gian và công sức là có thể đạt được bước khởi đầu tốt 
trong việc tạo dựng hồ sơ năng lực trực quan (visual portfolio). 


* Hon 65 ảnh mới, trong số đó có 23 ảnh màu), giúp gia tăng tính 
trực quan cho văn bản của cuốn sách này. 


• Muc Phân tích cấu trúc trang nâng cao so sánh trực quan giữa 
một thiết kế chưa tốt và một thiết kế tốt, trong đó đưa ra những 
giải thích nhắm chính xác vào các thành phán trực quan còn yếu. 
cũng như các bước hiệu chỉnh mà nhà thiết kế đã thực hiện để 
làm cho thiết kế trở nên hiệu quả hơn. 


TÀI NGUYÊN ĐIỆN TỬ 


Cuốn sách này có phần tài nguyên điện tử đi kèm, được biên soạn dưới 
dang dia CD để hỗ trợ giảng viên lên kế hoạch và triển khai các chương 
trình giảng dạy. Đĩa CD bao gồm để cương mẫu (syllabus) giúp sử dung 
cuốn sách cho một hoc kỳ kéo dài 11 hoặc 15 tuần. Tùy trường hợp, dia 
CD có thể bao gồm giải pháp mẫu của các dự án dành cho sinh viên. 
Đĩa CD cũng bao gồm các câu hỏi trắc nghiệm, câu hỏi kiểm tra kém 


! Vi lý do bản quyền nên trong quá trình chuyển ngữ, chúng tôi đã loại bớt một ảnh den trång 
ở Chương 3, ba ảnh đen trắng ở Chương 12 và ba ảnh màu ở Chương 10 so với ấn bản gốc của 
cuốn sách này. 


LỜITỰA XI 


хи 


LOLTUA 


theo dáp án, bài táp, tài liéu chi dán cám tay, bàn trinh chiéu (slide) 
PowerPoint néu bát nhüng chü dé nói dung chính dugc trinh bày trong 
sách và các tài nguyên hỗ trợ giảng day khác. Ban đọc hoặc các trường 
học quan tâm có thể liên hệ Đại học FPT hoặc Nhà xuất bản Cengage 
để có thêm thông tin chỉ tiết. 


GIỚI THIỆU TÁC GIẢ 


Lisa Graham là Phó Giáo sư và là Trưởng bộ môn Truyền thông Dó 
họa (Graphic Communications) thuộc Khoa Nghệ thuật, Đại học Texas, 
Arlington. Các sinh viên của bà đã giành được rất nhiều giải thưởng về 
thiết kế (hơn 100 giải từ năm 2001 đến 2004), đồng thời đang làm việc 
trong các công ty quảng cáo và thiết kế đồ họa ở bang Texas cũng như 
trên toàn nước Mỹ. Phó giáo sư Lisa Graham đã có hơn 15 năm giảng, 
day thiết kế điện tử và thiết kế Web, đồng thời đã cho ra đời nhiều 
đầu sách nhằm mục đích chia sẻ những kiến thức chuyên môn đó. 
Ngoài cuốn sách này, bà còn là tác giả của ấn phẩm The Principles of 
Interactive Design (tạm dịch: Nguyên lý Thiết kế Tương tác) (Nhà xuất 
bản Thomson Delmar Learning, 1998). Năm 2002, Học viện Nghệ thuật 
Đồ họa Mỹ (American Institute of Graphic Arts) đã trao cho bà Giải 
thưởng Illumina Teacher danh giá. Các tác phẩm minh họa của bà đã 
được đăng tải trên các ấn bản Computer Music Journal (tạm dịch: Tạp 
chí Âm nhạc Máy tính), Leonardo và Terra Nova của Học viện Công, 
nghệ Massachusetts (Massachusetts Institute of Technology - MIT). 
Phó giáo sư Lisa Graham đã tạo ra rất nhiều thiết kế đồ họa, tác phẩm 
minh họa và đổ họa thông tin (informational graphic) ấn tượng cho 
khách hàng ở nhiều lĩnh vực như thời trang, công nghệ cao, năng lượng, 
quân sự, địa chất. Hiện bà đang và dự định sẽ nghiên cứu về lý thuyết 
tao hinh Gestalt, thiết kế trải nghiệm (experience design) và thiết kế 
xanh (green design). 


LỜI CẢM ON 


Xin gửi lời cảm ơn tới các bạn sinh viên yêu mến của tôi vì lòng nhiệt 
tình, luôn sẵn sàng thực hành những bài tập và dự án trong cuốn sách. 
Nếu không có sự quan tâm của các bạn, dự án này sẽ không thể tiến 
triển nhanh như vậy. Tôi thực sự bất ngờ và hài lòng với sự quan tâm 
chân thành mà các bạn sinh viên đã dành cho dự án cũng như thái độ 
cởi mở của các bạn khi được hỏi: “Bạn nghĩ thế nào về dự án này?” 


Su hỗ trợ của nhóm Thomson Delmar Learning đóng vai trò quan 
trọng trong việc triển khai ấn bản lán hai của cuốn sách này. Xin cảm ơn 
Jim Gish và Jaimie Wetzel đã tin tưởng vào cuốn sách, những lời động 
viên, sự hỗ trợ của họ đã giúp tôi củng cố niém tin vào tác phẩm này. Tôi 
cũng xin gửi lời cảm ơn tới các bạn ở nhóm Thomson Delmar Learning, 
Larry Main, Tom Stover và Niamh Matthews đã trợ giúp tôi bằng su chỉ 
dẫn chuyên nghiệp vào những thời khắc quan trọng. 


Xin gửi tình yêu và những nụ hôn nồng ấm tới chồng tôi, Curt - 
người luôn dành cho tôi sự hỗ trợ tuyệt vời và chỉ “cần nhằn” chút ít khi 
tôi nói với anh là mình đang thực hiện ấn bản lần hai của cuốn sách này. 
Sự động viên lạc quan của anh rất quan trọng khi tôi phải ngồi hàng giờ 
mỗi đêm để đánh từng con chữ. 

Và tất nhiên, không thể thiếu lời cảm ơn tới bố mẹ tuyệt vời của tôi, 
Don và Mary, những người luôn biết khi nào nên nói lời động viên, 
khen ngợi. 


Thomson Delmar Learning và tác giả xin chân thành cảm ơn các 
nhà phê bình dưới đây vì những để xuất và ý kiến đóng góp chuyên 
món quý báu: 


Frank Abnet 

Khoa Truyền thông Đồ họa (Graphic Communications Department) 
Dai hoc Barker của Owosso 

Owosso, Michigan 


Rebecca Gallagher 

"Truóng Khoa Truyền thông Da phương tiện (Digital Media 
Communications Department) 

Trường Katharine Gibbs 

New York, New York 

Mary Griffith 

Khoa Truyén thóng Dó hoa 

Hoc vién Southeast Technical 

Sioux Falls, Nam Dakota 


"Therese LeMelle 

Khoa Truyén thóng Thi giác (Visual Communications Department) 
Truóng Katharine Gibbs 

New York, New York 


Don Mangione 
Truóng Khoa Dó hoa và Web (Graphics and Web Department) 
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Đại học Baker của Muskegon. 
Muskegon, Michigan 


Phyllis Owens 

Khoa Đồ họa Máy tính (Computer Graphics) 
Đại học Quận Camden 

Blackwood, New Jersey 


Elaine Reeder 

Khoa Đồ họa Máy tính 
Đại học Quận Camden 
Blackwood, New Jersey 


Terry Rydberg 

Khoa Truyén thóng Dó hoa 

Đại hoc Kỹ thuật Quán Waukesha 
Pewaukee, Wisconsin 


Carl Schumann 

Khoa Truyén thóng Thi giác 
Trường Katharine Gibbs 
Norwalk, Connecticut 


Lisa Graham 
2005 


CÂU HỎI VÀ GÓP Y 


"Thomson Delmar Learning và tác già luón hoan nghénh moi càu hói và 
ý kiến đóng góp của quý độc giả. Nếu có bất cứ dé xuất nào mà ban nghĩ 
sẽ giúp ích cho người khác, hãy cho chúng tôi biết, chúng tôi sẽ cố gắng 
đưa những ý kiến đó vào phiên bản sau của cuốn sách. 


Để gửi câu hỏi và/hoặc ý kiến đóng góp, mời các bạn liên hệ với nhà 
xuất bản ấn phẩm gốc qua địa chỉ: 


"Thomson Delmar Learning 

Executive Woods 

5 Maxwell Drive 

Clifton Park, NY 12065 

Nguói nhán: Nhóm Truyén thóng Dó hoa 
800-998-7498 

Hoác lién hé vói tác già qua dia chi e-mail: 
lsergraham@sbcglobal.net 


(hương1 PAIN. d 


Co bán vé thiét ké 
và bó cuc dàn trang 


Phần 1 của cuốn sách này tập trung chủ yếu vào các vấn để cơ bản của thiết kế và bố cục dàn trang: 
Những điều cần lưu ý trước khi bắt đầu thiết kế; nhận diện các nguyên lý thiết kế cũng như ảnh hưởng 
của chúng tới bố cục; sức mạnh của màu sắc; các kiểu ảnh khác nhau và thời điểm thích hợp để sử 
dụng chúng. Nhằm làm rõ các nguyên lý thiết kế, tôi đã phân tách chúng vào từng chương riêng, giải 
thích định nghĩa, vai trò của những nguyên lý này trong việc nâng cao thẩm mỹ cho thiết kế trang; bên 
cạnh đó, tôi cũng giải thích lý do tại sao bạn nên áp dụng cùng lúc nhiều nguyên lý thay vì chỉ áp dụng 
một nguyên lý duy nhất. Ngoài ra, mỗi chương còn đưa ra rất nhiều ví dụ trực quan minh họa cho các 
khái niệm được trình bày. 


Hãy nhớ rằng, mặc dù các nguyên lý thiết kế được trình bày riêng ở từng chương nhưng trên thực 
tế, chúng hiếm khi được sử dụng tách biệt. Một số hình ảnh chọn lọc trong cuốn sách này cho thấy sự 
tương tác giữa tất cả các nguyên lý thiết kể trên một bố cục, nhằm giúp bạn hiểu rõ vể tác động của những 
nguyên lý đó. Sức mạnh của các nguyên lý thiết kế trong việc nâng cao tính thẩm mỹ của bố cục sẽ nhân 
lên nhiều lần, nếu chúng được kết hợp với nhau một cách cẩn trọng. 


NHỮNG VẤN ĐỀ 
(ÂN LƯU Ý TRƯỚC 
KHI THIẾT KẾ 


« Biết cách xác định rõ dự án thiết kế (design 
project) của bạn. 

+ _ Nhận thức được tám quan trọng của việc xác định 
đối tượng khán giả. 

• Nhân thức được tám quan trọng của việc diéu 
chỉnh dự án nhằm thu hút khán giả. 

« Nhận thức cơ bản về công việc “viết nội dung” 
("copywriting") và ứng dụng của việc này trong 
thiết kế trang. 

+ Khảo sát các nguyên lý thiết kế để nâng cao hiểu biết. 

• Làm quen với quy trình thiết kế (design process). 


* Làm quen với các thành phán thiết kế cơ bản và 
thuật ngữ trong quy trình thiết kế. 


Nhiều người mới bắt đầu thiết kế thường khởi động với 
việc sắp xếp hình ảnh và văn bản trên trang trước khi xác 
định chính xác nội dung họ muốn truyền tải. Trước khi 
đầu tư thời gian cũng như công sức quý báu của mình 
vào việc thiết kế, bạn cần xác định chắc chắn mục đích 
và kế hoạch của bản thân, bởi điều này sẽ giúp ích rất 
nhiều cho bạn. Trước khi bắt đầu thiết kế, bạn phải biết 
bón diéu sau: 


1. Nói dung ban muón truyén dat (muc dích). 
2. Người ban muốn truyền đạt thông điệp (khán giả). 
3. Định dang (format) trang (kích thước, hinh dang và 


CHƯƠNG 1_NHỮNG VẤN ĐỀCẦN LƯU Ý TRƯỚC KHI THIẾT KẾ З 


chức năng của trang) mà bạn muốn trình bày, qua đó truyền tải thông 
điệp cần nhắn gửi tới khán giả. 
4. Kiến thức cơ bản vë các nguyên lý thiết kế. 


Nắm được bốn điểu trên sẽ giúp bạn bắt tay vào thiết kế dễ dàng hơn. 
Càng hoàn thành một nhiệm vụ nhanh bao nhiêu, bạn càng có khả năng 
chuyển sang dự án khác sớm bấy nhiêu. 


QUYẾT ĐỊNH NỘI DUNG BẠN MUỐN TRUYỀN ĐẠT 


Nắm được mục đích của trang sẽ giúp bạn quyết định đâu là nội dung bạn 
muốn truyền đạt và cách để truyển tải nội dung đó. Hãy tự hỏi bản thân xem 
chính xác là bạn muốn truyển đạt điểu gì và đâu là mục đích của bạn. Trang đó 
dùng để thông báo, đào tạo, giải trí, thuyết phục, bán hàng, hướng dẫn, mang 
lại trải nghiệm hay nhằm mục đích tham khảo? Hãy hình dung rằng, các từ 
và hình ảnh trên một trang chuyên dùng cho việc giải trí hoàn toàn khác với 
những từ và hình ảnh trên một trang dùng để tham khảo. 


Nội dung bạn muốn (hoặc cần) truyền đạt sẽ giúp xác định số lượng thành 
phần trực quan (visual element) - còn gọi là các thành phần riêng lẻ trên 


NỘI DUNG QUẢNG CÁO CHO SLEEPY OWL HOLLOW 


TIÉU ĐỀ: Cá vược không bao giờ ngủ tại Sleepy Owl 
Hollow 


NỘI DUNG QUẢNG САО: Vâng, đó là sự thật. Có rất nhiều cá vược bơi 
lội tung tăng dưới làn nước trong xanh tuyệt 
đẹp của các hồ tại dãy núi Ozark. Tại nhà 
nghi Sleepy Owl Hollow, chúng tôi có những 
chú cá tươi ngon còn sống, được đánh bắt từ 
hồ và sẵn sàng nằm trên chảo rán của bạn. 
Hannah - người bà tuyệt vời của tôi ăn cá 
tươi hàng ngày bằng các món chiên đơn giản, 
nhanh chóng với cây vợt bắt cá của mình. 


Уа đó chi là một trong số rất nhiều cách để 
bắt cá. Hãy thử nghĩ xem bạn có thể làm gì 
trong một ngày mùa hè buồn të với một sợi 
dây câu nhiều mồi. 
Hãy ghé thăm nhà nghỉ Sleepy Owl Hollow, 
chúng tôi sẽ nhờ bà Hannah đáng kính chế 
biến cho bạn thật nhiều món cá hấp dẫn. 
THÓNG TIN LIÊN HỆ: Nhà nghi Sleepy Owl Hollow 
1-555-555-BASS 


Hình 1-1 Viết ra nội 
dung thông tin cần truyền 
đạt trước khi bắt đầu thiết 
kế trang sẽ giúp bạn làm 
rõ các mục tiêu mà thiết 
kế hướng đến, đồng thời 
cho biết bạn cán bao 
nhiêu văn bản dé làm việc. 
với thiết kế đó. 
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Hinh 1-2 Một phương châm 
được dé xuất áp dụng cho 
thiết ké (và có thể áp dung 
trong cuộc sống). 


MÁCH NHỎ 

Việc xác định đối tượn: 
khán giả sẽ giúp bạn quy: 
định loại ảnh và hình vẽ 
đồ họa tốt nhất để thu 
hút khán giả. Đối tượng 
khán giả mục tiêu là những 
người yêu thích khoa học. 
viễn tưởng có thể quan. 
tâm, hứng thú với các bức. 
ảnh chụp về hành tinh và 
vũ trụ, trong khi khán giả 
mục tiêu là những người 
say mê làm vườn có thể 
không thích các bức ảnh 
đó. Hãy lựa chọn hình ảnh 
đáp ứng được cả hai muc 
đích của bạn: Vừa làm nổi 
bật thông điệp mà bạn 
muốn nhắn gửi, vừa thu 
hút sự chú ý từ độc giả. 


trang, chẳng hạn như dòng (line), chữ (type) và hình ảnh (image) - mà 
bạn cán để sắp xếp trong thiết kế của mình. Sẽ rất có ích nếu bạn biết 
chính xác mình muốn sử dụng những từ ngữ nào trên trang để truyền tải 
thông điệp (Hình 1-1). Số lượng từ và thông điệp cần truyền đạt sẽ quyết 
định cách bạn thiết kế bố cục cho trang. Layout (bố cục dàn trang) là 
cách trình bày và sắp đặt các thành phần trực quan trên một trang. Lời 
khuyên cho bạn trước khi bắt tay vào thiết kế dự án là hãy tự mình viết 
chính xác những từ, cụm từ hoặc câu ra một tờ giấy, hoặc bạn cũng có thể 
dé nghị sếp làm điểu này nếu ông ta là người “yêu cầu” bản thiết kế. Bằng 
cách này, bạn sẽ biết chính xác nội dung mình muốn (và cần) truyền đạt, 
đồng thời vạch ra được các mục tiêu cụ thể. Nếu bạn không phải là một 
người viết nội dung (copywriter) chuyên nghiệp, trong chương này tôi đã 
kèm theo một số gợi ý về mảng viết nội dung (copywriting) để giúp bạn 
bắt đấu công việc này. Tuy nhiên, có lẽ lời khuyên tốt nhất là hãy cố gắng 
giữ cho thông điệp luôn ngắn gọn và đơn giản. Vì như bạn có thể hình 
dung, nếu càng gom nhiều thứ vào trong bố cục, thì bản thiết kế của bạn 
ngày càng trở nên phức tạp. Phương châm của tôi khi viết nội dung hay 
thiết kế layout là “KISS” (“Keep It Simple, Stupid” - tạm dịch: “Hãy giữ cho 
moi thứ đơn giản thôi, dó ngốc ạ!”). Tùy vào trường hợp của bạn, “S ” có 
thể là "Sandy" , “Sam”, “Sassy”, hoặc "Self" (Hình 1-2). 


QUYẾT ĐỊNH ĐỐI TƯỢNG KHÁN GIÁ 


Càng biết rõ về khán giả của mình bao nhiêu, bạn càng có sự chuẩn bị 
tốt bấy nhiêu để thu hút sự chú ý từ họ và truyển tải thông điệp mà mình 
muốn gửi gắm. Nắm rõ các thuộc tính về mặt nhân khẩu học của khán 
giả (độ tuổi, giới tính, trình độ, nghề nghiệp, thu nhập, tình trạng hôn 
nhân,...) sẽ giúp bạn xác định đối tượng khán giả mục tiêu và truyền 
tải thông điệp đến họ theo cách mà họ có thể hiểu được. Chẳng hạn, 
nếu đang tổ chức một bữa tiệc tất niên mừng năm mới, bạn sẽ muốn 
thiết kế thiệp mời dành cho những vị khách là bạn thân nhất của mình 
(Hình 1-3) theo cách hoàn toàn khác với các tấm thiệp dành cho khách 
mời là sếp, cấp trên của sếp hoặc CEO của công ty mà ban đang công 
tác (Hình 1-4). 


Khi xác định khán giả là ai và cách để truyền tải thông điệp đến họ 
tốt nhất nhờ hình thức trực quan, hãy cố gắng đặt bản thân vào vi trí của. 
khán giả. Hãy nỗ lực thiết kế ra các trang thu hút bản năng “Tôi nhận 
được gì?” của họ. Nếu thiết kế không đưa ra được cảm nhận ngay tức 
thì hoặc tốn nhiều thời gian cho việc đọc, khán giả của bạn có thể thiếu. 
động lực để đọc thông điệp mà bạn muốn gửi gắm, hoặc nói theo cách 
ẩn dụ, thông điệp của bạn sẽ bị bỏ ngoài tai. 
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you're invited to a 


r. 


D 


Q January 1 
© 9 p.m. - 'til the clock strikes 
€ 'Waverly Square 


Hình 1-3 - Một thiệp mời dự tiệc mang sắc thái thân mật, vui tươi, 


уон are cordially indiked to share in auv 
S. 
2 sa nhạc 


fanuang 
9 pm. - until the clock camen 
KO 


2 82| 


Hinh 1-4 Tấm thiệp mời sử dụng kiểu chữ Script, tức chữ viết tay được căn 
giữa đem lại cảm giác tinh tế. 
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LUA CHON BINH DANG THIÉT KÉ 


Biết được đối tượng khán giả là ai còn giúp ban xác định được định dang 
tối ưu nhất để truyền tải thông điệp tới họ. Định dạng mà bạn lựa chọn 
sẽ chỉ phối lượng thông tin bạn nên đưa vào trong không gian thiết kế, 
cũng như kích thước và hình dạng của trang mà bạn làm việc. Những 
yếu tố cần cân nhắc này gây ảnh hưởng rõ rệt lên cách sắp đặt các thành 
phán trên trang, do đó cũng tác động tới kết quả của tác phẩm cuối cùng. 
Chẳng hạn, nếu cán truyén tải thông điệp tới một nhóm đông người 
tại một sự kiện công cộng, thì poster hoặc banner là những lựa chọn 
tốt vì chúng có kích thước lớn, có nhiều không gian để làm việc. Tuy 
nhiên, như vậy có nghĩa là poster và banner thường được quan sát từ một 
khoảng cách nhất định, nên tất cả các chữ cùng hình ảnh phải thật to để 
có thể đọc được từ xa. Chữ và ảnh có kích thước lớn, đơn giản sẽ phù hợp 
nhất với những định dạng này (Hình 1-5). Ngược lại, nếu muốn truyền 
đạt thông điệp tới riêng từng cá nhân, có thể bạn sẽ muốn thử các định 
dạng như quảng cáo trên báo (newspaper ad), tờ rơi (flyer) hoặc một số 
định dạng khác nhỏ hơn. Kích thước trang của những định dạng này nhỏ 
hơn, nhưng do chúng thường được quan sát từ khoảng cách tầm một sải 
tay, nên bạn vẫn có thể đặt được nhiều thông tin lên đó (Hình 1-6). 


Trên đây chỉ là một số ít vấn dé cán cân nhắc khi thiết kế với các định 
dạng cụ thể. Phần 3 của cuốn sách tập trung vào một số định dạng thiết 
kế phổ biến. Bạn có thể đọc lướt qua phần này để nắm được thông tin cơ 
bản về những vấn để cẩn đặc biệt quan tâm khi làm việc với từng kiểu 
định dạng cũng như tác động của các yếu tố đó tới thiết kế của bạn. 
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> Grand Opening Sale! 


Bargaıns Galore October I<—3! 


Hinh 1-5 Các thông điệp đơn giản dùng kiểu chữ lớn phát huy hiệu quả tốt nhất với các thiết ké banner. Hãy 
cố gắng hạn chế số lượng từ sử dụng trong các banner ở con số 6 (tức 6 foot, tương đương khoảng 1,828 т), 
hoặc ít hơn. 
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» » » rand Opening Sale! 


AoA Supply Solutions 


100 Mam St. Anytown 


BargaimnsGalorceUctober!1-231 


Hình 1-6 Ví dụ về mục quảng cáo trên báo. Mục quảng cáo trên báo 
có thể chứa nhiều thông tìn hơn so với banner, do chúng được quan sát 
từ khoảng cách gần hơn. Số lượng từ ở mục quảng cáo này kéo dài trong 
khoảng 4” (tức 4 inch, tương đương 10,16 cm). 


Danh mục các định dạng thiết kë 


Như đã để cập từ trước, thuật ngữ định dạng (format) dùng để chỉ 
kích thước, hình dạng và chức năng của một thiết kế. Khái niệm định 
dang không chỉ giới hạn riêng cho các dự án thiết kế hai chiều trên 
giấy mà còn áp dụng cho những thiết kế ba chiểu, bốn chiểu như 
thiết kế sản phẩm, thiết kế dó hộp, thiết kế Web, đồ hoa video (video 
graphics), truyền thông da phương tiện (multimedia),... Dưới đây là 
một phần danh sách các định dang thiết kế mà bạn có thể bắt gặp 
hàng ngày: 

e Danh thiếp, phong bì thư, tiêu để thư (letterhead). 

• Bản tin, brochure (sách giới thiệu ngắn), tap chí. 

* Poster và banner. 


• Tàp sách nhỏ đính kèm dia CD, vỏ dia DVD, nhãn băng video. 
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• _ Sổ tay hướng dán, hộp đựng và nhãn của đĩa phán mềm. 

e Báo cáo thường niên, báo cáo chứng khoán, báo cáo tài chính. 

• Bìa sách. 

* Lich để bàn, lịch treo tường. 

» _ Biển quảng cáo ngoài trời (billboard). 

• Buu thiếp lưu niệm, băng khẩu hiệu dán sau ó tô. 

• Túi mua hàng, biển hiệu cửa hàng. 

• Та cả các loại tờ rơi bán hàng. 

e Muc quảng cáo trên báo, mục quảng cáo trên danh bạ điện thoại. 
* Áo sơ mi, mũ bóng chày quảng cáo. 


MỘT SỐ GỢI Ý ĐỂ VIẾT NỘI DUNG HIỆU QUẢ 


Viét được một văn bản hiệu quả là nhiệm vu khó khán mà ngay cả những, 
nhà văn chuyên nghiệp đôi khi cũng thấy ái ngại. Thuật ngữ văn bản 
(copy) dùng để chỉ tất cả các từ trong một thông điệp, bao gồm tiêu để 
(headline), tiêu để phụ (subhead), chú thích (caption) và nội dung chính 
(body text). Tuy nhiên, giống như các công việc khác, dự án tổng thể sẽ 
bớt “đáng sợ” hơn nếu bạn biết phân chia nó thành các bước nhỏ và dễ 
hoàn thành. 


Bước 1 của việc viết nội dung là hình dung ra những gì bạn muốn 
thực hiện với văn bản. Bạn đang bán thứ gì đó? Bạn đang mua thứ gì đó? 
Bạn đang cung cấp thông tin? Đó có phải là một lời mời không? Đó có 
phải là một lời kêu gọi hành động không? Hay là một sự kiện gây quỹ đặc 
biệt? Hãy tự hỏi bản thân xem bạn hy vọng đạt được điều gì từ thông điệp 
mình đưa ra, điểu này sẽ giúp bạn xác định được sứ mệnh của dự án. Khi 
đặt các câu hỏi, hãy viết lên giấy tất cả những mục tiêu của dự án mà bạn 
có thể nghĩ ra. Đừng bận tâm tới sự chính xác về ngữ pháp ở bước này: 
Нау viết ra bất cứ đoạn thông tin nào nảy sinh trong tâm trí bạn. Ó bước 
này, đừng cố diéu chỉnh bản thân - ban đang động não (brainstorming). 
Báy giờ, hãy chỉ viết và viết. 


Bước 2 là hãy tạo một danh sách khác, nhưng lần này là danh sách 
“những gì mà độc giả sẽ nhận được” Nhìn chung, độc giả là những người 
khôn ngoan, rất ít khi họ tiếp tục đọc thông điệp của bạn, trừ phi bạn 
chứng tỏ được rằng thông điệp đó mang lại lợi ích cho họ. Hãy tự hỏi bản 
thân rằng: Tại sao độc giả sẽ quan tâm và dành thời gian cho thông điệp 
của bạn? Thông điệp của bạn có những điểm đặc biệt nào? Những điểm 
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đó dem lai lợi ích gì cho độc giả? Hãy liệt kê các đặc điểm và lợi ích của 
thông điệp ngay cả khi những điểu đó chỉ là cảm tính. Việc viết ra các lợi 
ích mà thông điệp đem lại sẽ giúp bạn tổ chức ý tưởng và xác định thêm. 
những mục tiêu của dự án. Ở bước này, tốt nhất bạn hãy viết ra danh sách 
các đặc điểm và lợi ích của thông điệp, chứ đừng quan tâm tới sự hoàn 
hảo về ngữ pháp. Việc điểu chỉnh sẽ để sau. Danh sách các đặc điểm và 
lợi ích không cần nặng về hình thức, song đừng nghĩ rằng độc giả đã biết 
tại sao những điểm đặc biệt trong thông điệp của bạn lại quan trọng đối 
với họ. Hãy giải thích thật rõ ràng. Hãy cùng xem xét danh sách các ví dụ 
vë đặc điểm và lợi ích dưới đây: 


Đặc điểm: Chúng tôi cung cấp văn phòng phẩm 24/24. 
Lợi ích: Do đó, khách hàng không phải mất thời gian quý giá của mình 
cho việc chạy ra ngoài chỉ để mua những thứ lặt vặt như kẹp giấy. 


Đặc điểm: Chúng tôi cung cấp dịch vụ vệ sinh thú cưng. 

Lợi ích: Do đó, bạn không phải chạy quanh nhà để đuổi theo anh 
chàng Fido mình đầy xà phòng, bởi vì chú ta rất ghét tắm gội và 
không chịu đứng yên trong bồn tám (Hình 1-7). 


Đặc điểm: Chúng tôi chuyên tẩy hình xăm và không bao giờ đưa ra 
câu hỏi. 

Lợi ích: Xóa bỏ các hình xăm không còn phù hợp. Không bao giờ có 
những ý kiến đánh giá bất lịch sự hay lời lẽ suy xét về các trường hợp 
liên quan tới việc lựa chọn và vị trí của hình xăm - luôn tạo sự thoải 
mái, tự nhiên cho khách hàng. 


Bước 3 trong quá trình viết nội dung có liên quan tới việc tổ chức 
thông tin. Việc tổ chức thông tin sẽ giúp bạn tập trung và nhóm các ý 
tưởng phân tán vào một mô hình thống nhất. Một công cụ phổ biến 
dùng để tổ chức thông tin chính là bản phác thảo (outline). Hãy bắt 
đầu bản phác thảo bằng cách tập hợp những thông tin quan trọng nhất 
từ các danh sách bạn lập ra và đặt chúng làm tiêu để (heading) trong 
bản phác thảo. Khi những tiêu để chính đã được xác định, bạn có thể 


Hình 1-7 Fido đang làng 
tránh vệ sinh cá nhân! 


Lg 
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Hình 1-8 Hãy thử nhiều 
ý tưởng thiết kế khác nhau. 
Một sot đầy rác không hẳn 
đã là dấu hiệu của sự thất bại! 


điển thêm các chỉ tiết lấy từ những danh sách bạn đã chuẩn bị, hoặc lấy 
từ những ý tưởng bất chợt nảy sinh trong quá trình xây dựng bản phác 
thảo. Đừng đi quá sâu vào chỉ tiết, bạn chỉ đang tạo bộ khung (skeleton) 
cho văn bản - bạn sẽ “đắp thịt” cho bộ khung này ở Bước 4. 


Trong Bước 4, mục tiêu chính của bạn là "đắp thịt; hay chi tiết hóa 
bản phác thảo. Đừng quá ám ảnh rằng ngữ pháp phải thật hoàn hảo 
(vâng, bạn sẽ tập trung vào ngữ pháp ở bước cuối cùng - Bước 6), hãy cứ 
viết ra những gì ban nghĩ. Nếu không thể nảy ra điều gì để viết với một 
tiêu để cụ thể trong bản phác thảo, hãy chuyển sang tiêu dé tiếp theo. 
Đây là diéu bình thường, nếu như bạn có gì đó để viết ra. Mục đích của 
Bước 4 là viết nội dung lên giấy, sau đó ban sẽ có thứ để làm việc và xử lý. 
Nếu thấy bản phác thảo không phát huy tác dụng như bạn mong muốn, 
đừng ngại thay đổi nó. Hãy cố gắng viết giống như những gì bạn nói - viết 
như thể bạn đang trò chuyện với ai đó. Văn phong trang trọng thường 
nghe cứng nhắc và trừ phi bạn đang viết các bài báo học thuật, sử dụng 
văn phong đơn giản thì văn bản của bạn mới dễ viết, dễ hiểu hơn đối với 
khán giả. Ở bước này, việc thất bại trong lần viết đầu tiên là điều rất bình 
thường; việc in ra các bản viết ý tưởng sẽ giúp bạn hoàn thiện những ý 
tưởng của mình. Một sot'dáy rác không hàn đã là dấu hiệu của sự thất 
bại (Hình 1-8). Tuy nhiên, nếu sọt rác của bạn trông giống như Hình 1-8, 
hãy dành chút thời gian để đổ nó đi! 


Sau khi chỉ tiết hóa bản phác thảo, bạn đã sẵn sàng cho Bước 5 - giai 
đoạn chỉnh sửa sơ bộ. Hãy đọc lại những gì bạn đã viết để rà soát chính 
tả, ngữ pháp, cách hành văn và đảm bảo sự rõ ràng, mạch lạc. Bất cứ khi 
nào có thể, hãy cắt bỏ các ý không cần thiết, ý lặp lại hoặc những chỗ 
hành văn bất hợp lý. Viết dài hơn không hẳn đã tốt hơn. Nếu đang sử 
dụng một chương trình soạn thảo văn bản trên máy tính, hãy chắc chắn 
rằng bạn đã chạy chế độ kiểm tra chính tả và kiểm tra ngữ pháp. Luôn 
luôn đọc lại bản thảo để phát hiện các lỗi mà tính năng kiểm tra chính tả 
không bắt được, ví dụ viết sai từ “there” thành “their”... Nếu bạn không 
sử dụng máy tính, hãy đọc to văn bản rồi ghi âm lại. Thường thì việc nghe 
lại văn bản có thể giúp bạn nhận ra các đoạn văn cứng nhắc hay những 
câu lan man, không rõ ràng. Bất cứ khi nào có thể, hãy tạm quên đi văn 
bản bạn đã soạn trong vòng một ngày trước khi đọc lại nó. Một tinh thần 
thư thái thường đem lại góc nhìn mới mẻ về dự án. 

Lợi thế chính khi đứng ở vai trò của một người viết nội dung, biên tập 
viên (editor) và nhà thiết kế (designer) là bạn có cơ hội kiểm soát chính 
xác các thành phần xuất hiện trên trang. Bạn có thể mở rộng hoặc thu gọn 
các đoạn văn bản để tích hợp tốt hơn với các hình vẽ dó họa (graphic). 
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Ban có thể sử dung danh sách đánh dấu đầu dòng (bulleted list) để tăng. 
hiệu ứng trực quan cho các điểm quan trọng, cán được làm nổi bật (Hình 
1-9). Bạn cũng có thể sử dụng tùy ý các tiêu để và tiêu để phụ để tạo sự bắt 
mắt, giúp độc giả mau chóng có cái nhìn tổng quan vé toàn bộ trang thiết 
kế (Hình 1-10). Soạn thảo nội dung văn bản và thiết kế trang thường là 
công việc khó hơn so với dự đoán của những người mới vào nghề, thậm 
chí là so với suy nghĩ của các cây bút chuyên nghiệp. Viết nội dung là một 
công việc phức tạp vì bạn phải đảm nhiệm nhiều vai trò, song lợi thế là 
bạn có toàn quyển điểu khiển diện mạo và cảm nhận (look and feel) của 
bản cuối cùng. Bạn sẽ có khả năng lập kế hoạch tốt hơn cho toàn bộ dự 
án và có cơ hội chỉnh sửa thông điệp cho phù hợp với các ý tưởng đồ họa. 
Tuy nhiên, tôi cán cảnh báo bạn rằng: Đừng chán chù! Viết và thiết kế 
đồng thời sẽ mất thời gian lâu hơn so với chỉ viết hoặc chỉ thiết kế. Đợi 
đến phút cuối mới viết và thiết kế sẽ khiến bạn phát điên! 


* Bulleted lists help readers see 
important information quickly. 
Condense important information 
into bulleted lists. 


* Bold important information in 


bulleted lists. : 
Financial Outlooks — _ 
* Don't mix bullet characters in the 
same list (for example, а check mark 
with a bullet). Lists with mixed bullet 
characters often appear unorganized. 
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Hinh 1-9 (Phía trên) Các danh sách đánh dấu đầu HET 
dòng là phương thức rất hữu hiệu dé nhấn mạnh ages ca etm бүз qd cqui 
những điểm quan trong. Chúng trông nổi bật nhất исе" 


khi các biểu tượng đánh dấu đầu dòng “treo” ở bên 
tt ү Investment w mrar aaa, 


trái các từ. Biểu tượng đánh dấu theo kiểu “тео” sẽ h. ч (баа чле 
thu hút thi giác của độc giả và định hướng họ vào lò tên фон ni Tee 


văn bản bên cạnh. volupat. Duis vel sotemeum irre dolor in henderit in 
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Hinh 1-10 (Вёп phái) Hinh này sú dung mót tiéu Statement Lorm ism dolor si amet, con secteteur adipsicing 
dé nói bật và các tiêu dé phụ dé gia tăng tính rõ ràng Freier enin pecie 


cho cấu trúc tài liệu, đồng thời tao ra sức thu hút vé 
mặt thị giác. 
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HƯỚNG DẪN SỬ DỤNG NHANH CÁC NGUYÊN LÝ THIẾT KÉ 


Để giảm thiểu công sức thiết kế, bạn cần tính toán kỹ và lên kế hoạch 
trước, cũng như phải biết được bạn sẽ dùng những nguyên lý nào trong 
bản thiết kế của mình. Khi đã hiểu và biết cách áp dụng các nguyên lý 
thiết kế, bạn có thể sử dụng chúng một cách chủ động để làm tốt hơn các 
thiết kế do bạn tạo ra. Mặc dù sáu chương tiếp theo sẽ giải thích chỉ tiết 
và cung cấp nhiều ví dụ trực quan về cách áp dụng các nguyên lý thiết kế, 
nhưng ở đây tôi vẫn đưa ra định nghĩa ngắn gọn của từng nguyên lý để 
bạn có thể nắm được tổng quan về chúng. 


Sự nhấn mạnh 


Nguyên lý của sự nhấn mạnh (emphasis) phát biểu rằng: Thành phần 
quan trọng nhất trên trang phải nổi bật nhất, thành phán quan trọng tiếp 
theo phải nổi bật thứ hai, cứ như vậy cho tới các thành phần khác. Ví dụ, 
chữ tiêu để - cái được dùng để tóm lược ý nghĩa của phần thông tin còn 
lại, thường là chữ có kích thước lớn và đậm nhất. Việc nhấn mạnh các 
thành phán quan trọng nhất cung cấp một nén tảng để bạn có thể xây 
dựng phần còn lại của trang thiết kế, đây cũng là cách nhanh nhất để thu 
hút sự chú ý của khán già vào thông điệp mà bạn muốn truyền tải. 


Nguyên lý của sự nhấn mạnh luôn sánh đôi với nguyên lý của sự 
tương phản (contrast). Nguyên lý này tập trung chủ yếu vào việc phân 
tích thông điệp một cách khoa học để xác định các từ, cụm từ và hình 
vẽ đồ họa quan trọng nhất, do đó cần được hiển thị nổi bật nhất. Sau khi 
xác định được phần cốt lõi của thông điệp, bạn cán áp dụng mạnh mẽ 
nguyên lý của sự tương phản để nhấn mạnh trực quan những từ, cụm từ 
hoặc hình vë đồ họa quan trọng đó. 


Sự tương phản 


Sự đa dạng được ví như là gia vị của cuộc sống. Nguyên lý của sự tương. 
phản (contrast) phát biểu rằng: Các thành phần trực quan trên một 
trang nên có sự phân biệt rõ ràng. Nguyên lý này được sử dụng để tăng 
thêm tính đa dạng trực quan cho trang thiết kế, giúp mọi thứ trên trang 
không bị đơn điệu. Sự tương phản giúp làm nổi bật sự nhấn mạnh, bằng 
cách tạo ra sự khác biệt trực quan giữa các từ, cụm từ và hình vẽ đồ họa. 
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Sự cân bằng 


Nguyên lý của sự cân bằng (balance) liên quan tới cách bố trí các thành 
phần trực quan trên một trang để có được một trang thiết kế hài hòa và 
rõ ràng. Y đồ đằng sau sự cân bằng đó là tránh việc sắp xếp nhiều thành 
phán vào cùng một chỗ trên trang, vì diéu này có thể làm cho một phán 
của trang trông dày đặc, gây rối mắt. Một việc quan trọng khi sử dụng sự 
cân bằng là học cách nhóm các thông tin quan trọng lại với nhau một cách 
lôgíc. Các thành phần có liên quan với nhau nên được đặt cạnh nhau. Khi 
bắt đầu nhóm thông tin, bạn cẩn cân bằng nhóm thông tin đó bằng một 
thành phần hoặc nhóm thông tin khác ở một phần khác trên trang. 


Sự căn gióng 


Cách nhanh nhất để khiến cho các trang của bạn trông có trật tự là kết 
nối, gióng thẳng các thành phần trên trang một cách trực quan. Sự căn 
gióng (alignment) là mối liên hệ trực quan giữa những từ, hình vẽ đồ 
họa, ảnh, hình dạng và đường thẳng trên một trang khi các cạnh hoặc 
trục của chúng được gióng thẳng với nhau. Chẳng hạn, bạn có thể xây 
dựng nhanh nguyên lý của sự căn gióng trên trang bằng cách gióng thẳng 
cạnh trên của một ảnh với phẩn trên của một dòng tiêu để. Những người 
mới bắt đầu thiết kế thường thiếu sự tỉnh tế trong việc căn gióng các 
thành phần trên trang, điểu này khiến các trang trông có vẻ lộn xộn. Và 
khi họ tiến hành kết nối trực quan những thành phần trên trang lại với 
nhau, các trang bỗng trở nên rõ ràng, trật tự và phối hợp cân bằng hơn 
rất nhiều. 


Sự lặp lại 


Nguyên lý của sự lặp lại (repetition) phát biểu rằng: Việc lặp lại các dòng, 
hình khối, ảnh, màu sắc, họa tiết/cấu trúc bé mặt (texture) và các thành 
phần trực quan khác trên một trang sẽ giúp tạo nên một thiết kế thống 
nhất, gắn kết. Nếu sử dụng một cách cẩn trọng nguyên lý của sự lặp lại có 
thể đem tới cảm giác tinh tế có kiểm soát cho thiết kế của bạn. Ngược lại, 
nếu quá lạm dụng, trang thiết kế sẽ nhanh chóng trở nên lộn xộn. | 


Dóng chảy 


Dòng cháy (flow) là các đường dán trực quan vé sự dịch chuyển hinh 
ảnh và ngôn từ (visual and verbal path of movement) giúp hướng thị giác 
của người xem dõi theo một trang hoặc một chuỗi các trang. Để sử dụng 
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hiệu quả nguyên lý này, bạn phải sắp xếp có chủ đích các thành phán trực 
quan trong bố cục trang để điều khiển cách mắt người xem lướt qua thiết 
kế. Việc sắp đặt văn bản cần tính đến thực tế rằng, những độc giả theo 
văn hóa phương Tây có xu hướng đọc từ trái qua phải và từ trên xuống 
dưới. Việc sắp xếp ảnh cũng nên tận dụng lợi thế của khuynh hướng này. 
Ban có thể sử dụng nguyên lý của dòng chảy để trình bày thông tin theo 
một thứ tự có kiểm soát đối với người xem. 


TỔNG QUAN VỀ QUY TRÌNH THIẾT KẾ 


Viéc trình bày chỉ tiết về tổng thể quy trình thiết kế, từ các ý tưởng xuyên 
suốt ban đầu cho tới khi hoàn thành tác phẩm déu nằm ngoài phạm vi của 
cuốn sách này. Tuy nhiên, Hình 1-11 minh họa một hình ảnh vui mô tả về 
quy trình thiết kế. Có thể nói, tất cả các nhà thiết kế đồ họa chuyên nghiệp 
đều phải thực hiện một số bước trước khi đi tới thiết kế hoàn thiện. Sau khi 
được phân công vào một dự án thiết kế, Bước 1 là nghiên cứu để tài được 
giao. Ở bước đầu tiên này, họ cần trả lời những câu hỏi sau: 


• Mục đích cán đạt được là gì? Có một hay nhiều mục đích? Nếu 
có nhiều mục đích thì đâu là thứ tự quan trọng của các mục đích? 


+ Đối tượng khách hàng là ai? Họ có mối quan tâm nào đặc biệt 
không? Họ thuộc tầng lớp nào (độ tuổi, giới tính, thu nhập, vùng 
địa lý,...)? 

* Định dang, thời gian và ngân sách có bị hạn chế hoặc ràng 
buộc không? 


• Dé tài này đã có ai khác từng thiết kế chưa và các kiểu thiết kế 
dàn trang của họ là gì? Dĩ nhiên là bạn không muốn đạo ý tưởng, 
của ai, song việc tham khảo trang thiết kế của người khác có thể 
giúp bạn xác định được những việc cần làm và cần tránh trong, 
quá trình thiết kế. 


Bước 2 của quy trình thiết kế là nghĩ ra càng nhiều ý tưởng càng tốt 
và thể hiện các ý tưởng đó bằng những hình phác thảo mẫu nhỏ. Hình 
phác thảo mẫu nhỏ (thumbnail sketch) là các bản phác thảo vé nhanh 
ý tưởng và có tính khai phá. Chúng là sự thể hiện trực quan của quá 
trình suy nghĩ và phân tích. Chúng không cần phải đẹp hay hoàn hảo, 
song phải thật rõ ràng để những người khác ngoài bạn có thể hiểu được. 
Nếu chúng quá cẩu thả và trông như “gà bói ý tưởng của bạn sẽ không 
nhận được sự ủng hộ từ đồng nghiệp hoặc lãnh đạo cấp trên. Thành 
thực mà nói, chẳng ai muốn thấy những gì mình tạo ra trông như “gà 
bới” cả, phải không? 
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Hình 1-11 Môt góc nhìn vui vé quy trinh thiết kế. 
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Khi đã có nhiều hình phác thảo mẫu nhỏ trên trang thiết kế, nếu cán, bạn 
có thể chọn và lấy bộ phận hoặc phán nào đó của các hình, kết hợp chúng, 
lại với nhau để tạo thành những bản phác thảo nhỏ đẹp hơn (Hình 1-12). 


Nhiều người mới bắt đầu thiết kế thường bỏ qua bước này, song đây 
lại là bước rất cần thiết để phát triển năng lực sáng tạo. Vận dụng trí óc 
và rèn luyện khả năng sáng tạo cũng giống như việc luyện tập cơ bắp. Trí 
óc cũng giống như cơ thể, để khỏe hơn, nhanh hơn và mạnh hơn, rất cần 
được luyện tập. Tạo ra các hình phác thảo mẫu nhỏ là một bước quan 
trọng trong quy trình thiết kế: Càng làm nhiều bao nhiêu, khả năng sáng 


RUSH CREEK 


GARAGE 
SALE = 


Hinh 1-12 Các bản phác thảo mẫu nhỏ. Chúng không dep, nhung có thé giúp bạn nhanh chóng 
thử nghiệm nhiều ý tưởng khác nhau. Những bản phác thảo mẫu nhỏ này được tạo ra bằng bút dạ 
vẽ lên mặt sau của giấy in phun. 


CHUONG1 NHÜNG VẤN ĐỀ САМ LƯU Y TRƯỚC KHI THIÉTKÉ 17 


tạo sẽ được nâng cao lên bấy nhiêu, và trang thiết kế của bạn sẽ càng trở 
nên hấp dẫn về mặt thị giác. 


Bước 3 trong quy trình thiết kế là chọn ra hai hoặc ba hình phác thảo 
tốt nhất để phát triển chúng thành các bản thô (rough). Bản thô là phiên 
bản có kích thước bằng hoặc tương đương 1⁄2 của hình phác thảo mẫu 
nhỏ ban đầu, trong đó chú ý tới việc tinh chỉnh bố cục, typography, vị trí 
và concept tổng thể (trong đó, concept chính là ý tưởng chủ đạo mà mọi 
chi tiết, nói dung, hình ảnh,... trong tác phẩm thiết kế đều tập trung thể 
hiện nó; một concept có thể có rất nhiều ý tưởng, và những ý tưởng này 
hỗ trợ việc thể hiện concept). Mục đích của việc có từ hai tới ba bản thô 
là cung cấp một nhóm nhỏ các giải pháp, từ đó lựa chọn giải pháp thị giác 
(visual solution) tối uu nhất trước khi chuyển sang bước tiếp theo - tạo 
ra bản thiết kế hoàn chỉnh. 


Bản thiết kế hoàn chỉnh (comprehensive, còn gọi đơn giản là 
“comp”), là artwork (tác phẩm nghệ thuật hoàn thiện) được dùng để dua 
cho khách hàng đánh giá (Hình 1-13). Thông thường, bạn nên đưa ra vài 
bản thiết kế hoàn chỉnh cho khách hàng đánh giá. Phiên bản “luật của 
Murphy” dành cho dân thiết kế có thể được diễn đạt như sau: “Khách 
hàng luôn lựa chọn những thiết kế yếu nhất (ví dụ, thiết kế mà bạn không 
thích)”. Hãy tránh rơi vào trường hợp này bằng cách dành nhiều thời 
gian để xây dựng những bản thiết kế hoàn chỉnh khác nhau cho khách 
hàng. Thời gian hoàn thành dự án thường lâu hơn bạn nghĩ, bất kể bạn 
là người mới bắt đầu hay nhà thiết kế chuyên nghiệp. Khi trình bày tác 
phẩm để khách hàng phê duyệt, bản thiết kế hoàn chỉnh là rất cần thiết 
và phải đạt được sự tinh tế ở mức độ cao. 


MÁCH NHỎ. 

Cuối cùng, nếu bạn chọn 
theo đuổi nghề thiết. kể, 
có thể người phỏng vấn sé 
muốn xem bản trình. bày. 
toàn bộ quy trình thiết kế 
dự án mà bạn thực hiện (tạo 
um phác tháo máu nhó, 
bản thô, bàn hoàn chinh) 
cho một dự án. Chúng là 
các bảng chứng trực quan 
về quá trình tu duy, cho 
thấy rõ bạn có thể 'dáy" 
thiết kế đi xa và thể hiện 


. năng lực sáng tạo của bạn. 


SALE 


RUSH CREER COMMUNITY CENTER 


Proceeds Benefitting Youth Services 


Hình 1-13 Mótbaàn thiết kế hoàn chỉnh được tao bàng phần mềm Adobe Illustrator 


trên máy Macintosh và được in trên máy in phun để trình diện khách hàng. 
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Trong trường hợp ban là khách hàng, bạn có thé bỏ qua bước này, 
đồng thời xây dựng một bản thô với kích thước thực để có được cái nhìn 
sâu sắc hơn về điểm mạnh cũng như điểm yếu trong thiết kế của mình. 
Tuy nhiên, nếu khách hàng buộc phải phê duyệt dự án, bản thiết kế hoàn 
chỉnh cần đạt được mức độ tinh tế cao - càng giống với tác phẩm in cuối 
cùng càng tốt. Các nhà thiết kế đồ họa sử dụng rất nhiều kỹ thuật khác 
nhau để xây dựng bản thiết kế hoàn chỉnh, bao gồm ảnh chụp, bản vẽ và 
hình minh họa đặt sát cạnh nhau, in lụa, chữ dó họa trên máy tính hoặc 
các thiết kế đồ họa trên máy tính. 


Đối với sinh viên đang thực hiện các dự án trên lớp, hoàn thiện bản 
thiết kế thường là bước cuối cùng của quy trình thiết kế. Tuy nhiên, với 
những ai cán tạo ra nhiều bản sao của một trang thiết kế, quy trình thiết 
kế vẫn chưa dừng lại ở đây. Đối với các dự án yêu cầu tạo ít bản sao, chẳng 
hạn như khi thiết kế một banner hay một vài tờ rơi, bạn có thể sử dụng 
phương pháp vẽ tay, in laser, sao chụp hoặc in màu trên máy in kỹ thuật 
số. Còn đối với những dự án cần sản xuất với số lượng lớn, cách tốt nhất 
là sử dụng các công nghệ in ấn thương mại, điểu này đòi hỏi phải chuẩn 
bị sẵn bản thiết kế để in, có thể là dưới dạng artwork sẵn sàng in luôn 
(camera-ready artwork) hoặc file chế bản kỹ thuật số (prepress digital file). 


Chế bản là bước cuối cùng và rất phức tạp trong quy trình thiết kế. Có 
rất nhiều cuốn sách trình bày chỉ tiết về công đoạn trên; việc thảo luận về 
các kỹ thuật chế bản này nằm ngoài phạm vi của cuốn sách. Toàn bộ sách 
chỉ viết về việc chuẩn bị dự án để đưa đi in thông qua các artwork sẵn 
sàng in luôn và file chế bản kỹ thuật số. Nếu bạn quan tâm tới công đoạn 
chế bản, thì Chương 13, Các công cụ và tài nguyên tham khảo, sẽ cung 
cấp thông tin gợi ý về một số cuốn sách mà bạn có thể tìm hiểu thêm. 


Nhìn chung, công việc chuẩn bị trang thiết kế để mang đi in thường 
được thực hiện bằng cách tạo ra những artwork sẵn sàng in luôn truyền 
thống, hoặc file kỹ thuật số sử dụng các phần mềm chế bản điện tử. Khi 
gửi một tác vụ (job) đi in bằng các máy in chữ truyền thống, trước tiên 
thiết kế sẽ được chuyển đổi thành bản in với hai màu đen trắng. Tất cả 
các tiêu để cũng như văn bản phải được thiết lập kích thước và typeface 
(kiểu chữ) phù hợp, trong đó kích thước cũng như vị trí của các ảnh 
chụp và hình minh họa phải được trình bày chính xác, chỉ tiết. Tát cà 
chữ, đường kẻ và hình ảnh phải được đặt đúng vi trí trên bảng in, không 
có chỗ cho sự sai sót. Các màu mực phải được xác định rõ; với mỗi màu 
mực sử dụng trong thiết kế, phải chuẩn bị trước một bản phủ (overlay) 
riêng tương ứng. Hiện nay, phương pháp này rất ít được sử dụng, vì nó 
đã trở nên lỗi thời trước khả năng của các phần mềm chế bản hiện đại. 
Rất ít và rất hiếm công ty in ấn còn dùng phương pháp này. Tôi dé cập 
đến nó ở đây chủ yếu là để giới thiệu cho bạn biết đôi chút về lịch sử của 
ngành công nghiệp in ấn. 
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Phuong pháp ché bàn phó bién hién nay là tao ra các file ché bàn 
điện tử. Dé gửi một sản phẩm hoàn thiện đi in bằng các file kỹ thuật 
số, bạn chỉ cần tạo ra những file sử dụng phán mềm chế bản điện tử và 
phán mềm minh họa nhu QuarkXPress, Adobe InDesign, Macromedia 
FreeHand và Adobe Illustrator (tam ké tén mót vài chuong trinh). Các 
file kỹ thuật số phải chứa hình ảnh và chữ được đặt chính xác cùng với 
tất cả những màu mực đã xác định. 


Một điểm quan trọng trong quy trình thiết kế là chọn nhà in. Các 
dự án thường lựa chọn từ hai đến ba nhà in để ước tính chỉ phí. Việc 
lựa chọn nhà in không chỉ phụ thuộc vào giá rẻ nhất mà còn phụ thuộc 
vào chất lượng tổng thể và khả năng đáp ứng thời hạn của đơn vị in ấn 
đó. Hãy yêu cầu họ cho xem các mẫu in thử. Hãy cố gắng lựa chọn đơn 
vị dành nhiều thời gian để nói chuyện với bạn - cố gắng thiết lập mối 
quan hệ công việc tốt, vì nhà in chính là nguồn cung cấp kiến thức về 
sản xuất thực tế cực kỳ tuyệt vời. Hãy tận dụng những ý kiến của họ. 


TỔNG KẾT 


Với những người mới bắt đầu, việc thiết kế từ đầu với một trang trắng có 
thể là một công việc đáng sợ. Bạn có thể khiến cho điều này trở nên dễ 
dàng và dễ thực hiện hơn bằng cách lập kế hoạch. Trước khi cố gắng thiết 
kế trang, bạn phải biết rõ thông điệp cần truyền tải là gì, khán giả mục 
tiêu là ai, định dạng nào là tốt nhất để tiếp cận họ, đồng thời bạn cũng 
cần nắm được kiến thức cơ bản về sáu nguyên lý thiết kế. Càng chuẩn bị 
kỹ và am hiểu các nguyên lý thiết kế bao nhiêu, việc tạo ra những trang 
đẹp mắt và dë đọc càng trở nên đơn giản bấy nhiêu. 


CÂU HỎI TRẮC NGHIỆM SỐ 1 

Điển đáp án thích hợp vào chỗ trống, sử dung các từ trong danh sách sau: 
Định dang Hình phác thảo mẫu nhỏ 
Bản thô Bản thiết kế hoàn chỉnh 


1. Biển quảng cáo ngoài trời, poster, tờ rơi và banner cửa hàng, 
brochure, tạp chí và danh thiếp là ví dụ về các kiểu 
khác nhau. 

2. Hãy liệt kê sáu nguyên lý thiết kế. 

3. là bản vẽ nhỏ, mang tính thăm dò, được dùng để ghi lại 
các ý tưởng một cách trực quan lên giấy. 
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4. Các nhà thiét ké lua chon nhüng hinh phác thào màu nhó tót 
hon và phát trién cháng thành dé tinh chinh bó cuc, 
typography, vi trí và concept tóng thé tót hon. 


5. Bản artwork tinh tế cuối cùng để trình diện khách hàng được gọi là 


SU NHÁN MANH 


+ Dánh giá đúng tám quan trọng của su nhấn mạnh 
(emphasis). 


+ Xem xét tác động của sự nhấn mạnh tới thiết kế. 
« _ Hiểu rõ vé các kỹ thuật nhấn mạnh trọng yếu. 


e Hiểu được thế nào là biểu đồ thị giác (visual 
hierarchy) và tại sao nên sử dụng biểu đồ này để 
cải tiến thiết kế. 

• Làm quen với cách sử dụng nguyên lý của sự nhấn 
mạnh thông qua việc nghiên cứu các ví dụ được 
đưa ra trong chương. 


Hãy hình dung bạn đang trong buổi học của một vị giáo 
sư nổi tiếng nhất trường về những giờ giảng nhàm chán. 
Khi ngồi sụp xuống bàn một cách chán nản, bạn lắng 
nghe vị giáo su bắt đầu bài giảng với một giọng đều đều, 
đơn điệu. Không phải do bài giảng không thú vị; lỗi nằm 
ở chính cách truyền đạt. Giọng nói của vị giáo sư cứ đều 
đều, chẳng hề dao động, không biểu lộ cảm xúc, cứ như 
đang đọc chính tả từ sách giáo khoa vậy. Phía sau vị giáo 
sư, bản để cương ít ỏi được viết mờ mờ lên tấm bảng 
trắng bằng chiếc bút dạ bảng đã khô mực không đem lại 
nhiều sự hỗ trợ trực quan cho bài giảng. Bạn vẫn cố gång 
chép bài, nhưng vì lời giảng của vị giáo sư cứ déu đều, 
të nhạt nên bạn không biết đâu là ý quan trọng để ghi 
lại, bạn phải tự suy đoán ý quan trọng, hoặc bạn từ bỏ 
và ghi chép mọi thứ - rõ ràng, đây là một nhiệm vụ bất 
khả thi. Bạn muốn hét lên, song đã quá mệt. Mặc dù cố 
ngồi thẳng dậy, song bạn không thể ngăn được hai mí mắt 
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nàng triu dang muón khép lai. Và truóc khi lo mo ngü gát, ban tu hói: 
“Khi nào giờ học mới kết thúc đây? Thật là chán làm sao... khó khó khò”. 


Có một thực tế diễn ra trong các lớp học là: Nếu ngủ gật, bạn sẽ 
không nắm được bài. Đừng để điều tương tự như vậy xảy ra với độc 
giả của bạn. Khi trình bày một trang mà mọi thứ trong đó đều có kích 
thước, màu sắc và font chữ giống nhau sẽ khiến độc giả cảm thấy trang 
đó thiếu đi sự lôi cuốn tổng quan. Thậm chí, họ có thể cảm thấy chẳng 
có gì thú vị tới mức đặt ngay trang đó xuống mà chẳng cần dành thời 
gian để tìm kiếm những mẩu thông tin quan trọng. Hiểu được tám quan 
trọng và ứng dụng của sự nhấn mạnh sẽ giúp bạn tránh bị rơi vào tình 
cảnh ảm đạm này. 


Vậy, nhấn manh là gì? Như đã nêu ngắn gọn ở chương trước, nguyên 
lý của sự nhấn mạnh (emphasis) phát biểu rằng: Thành phán quan 
trọng nhất trên trang phải nổi bật nhất, thành phần quan trọng tiếp theo. 
phải nổi bật thứ hai, cứ như vậy đối với các thành phần khác. Những gì 
được chọn để nhấn mạnh trên trang phụ thuộc vào hai yếu tổ chính: Nội 
dung của thông điệp và phần nào của thông điệp là quan trọng nhất. Để 
sử dụng hiệu quả nguyên lý của sự nhãn mạnh, trước tiên bạn cần phân 
tích dự án để xác định những từ, cụm từ quan trọng nhất, sau đó bạn 
có thể gia tăng kích thước, bôi đậm hơn hoặc bổ sung màu sắc để khiến 
chúng trở nên nổi bật. Những quy luật thị giác mà bạn có thể áp dụng để 
nhấn mạnh thông tin sẽ được liệt kê ở phán sau của chương. 


Nhiều người nhận thấy sự nhấn mạnh và sự tương phản (contrast) 
thường được sử dụng kết hợp với nhau, giống như hình với bóng. Hình ở 
đâu thì bóng ở đó và ngược lại. Thực vậy, hai nguyên lý này tương đương 
nhau về hiệu ứng thị giác (visual effect) mà chúng đem lại. Điều khiến 
chúng trở nên thực sự khác biệt chính là việc xác định cái mà nhân tố 
trực quan cán nhấn mạnh, bao gồm việc phân tích bằng lý trí trong việc 
xác định: a) Đâu là thông tin quan trọng nhất, sau đó b) tiến tới nhấn 
mạnh trực quan thông tin quan trọng đó. Ngược lại, nguyên lý của sự 
tương phản chủ yếu tập trung vào việc tạo ra những khác biệt mạnh mẽ 
về mặt thị giác giữa các thành phần trực quan trên trang. Việc áp dụng 

nguyên lý của sự nhấn mạnh diễn ra theo 


cách lôgíc, còn việc áp dụng nguyên lý của 
sự tương phản có thể chỉ để tạo cảm giác vui 
nhộn hơn. Hai nguyên lý này còn khác nhau 
về mức độ tác động thị giác. Nhấn mạnh là sự 
tương phản giống như quả ớt chuông ít cay 
màu xanh lá cây so với quả ớt jalapeno cay xè 
trong Hình 2-1. 
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VAI TRÓ CÜA SU NHÁN MANH 


Sử dụng sự nhấn mạnh trong trang sẽ giúp đơn giản hóa công việc của 
độc giả, giúp họ nhận ra các thông tin quan trọng trong thông điệp mà 
bạn gửi gắm, nhanh hơn so với việc phải “lần mò” giữa một núi thông 
tin chưa được nhấn mạnh (Hình 2-2). Việc phải tìm kiếm quá nhiều có 
thể khiến một số độc giả bỏ cuộc và đọc sang trang khác, thông điệp của 
bạn sẽ không được đón nhận. 


Một lợi ích khác của việc nhấn mạnh các thành phần trên trang là làm 
tăng thêm sức lôi cuốn thị giác cho những thành phẩn này. Để nhấn mạnh 
một thành phần thành công, bạn có thể làm cho nó trông không giống với 
những thành phần khác trên trang, ví dụ như tăng kích thước hoặc bôi đậm 
các từ cần nhấn mạnh hơn so với những từ không cần nhấn mạnh. 


Equity Income 

1998 1999 2000 2001 
Income From Investment Operations: 
Net investment income 051 056 061 0.58 
Net realized gains (losses) 139 1.89 1.03 2.50 
Total from investment operations 180 245 1.64 3.08 
Less Distributions 
Dividends from net investment income (0.16) 0.50) (0.59) 0.71 
Distributions from net realized gains (0.04) 4l 222 0.5! 
Total Distributions (0.20) 2.91 (281 1.22) 
Equity Іпсоте 

1998 1999 2000 2001 
Investment Operations Іпсоте: 
Net investment income 051 056 061 0.58 
Net realized gains (losses) 129 189 103 2.50 
Total from investment operations 1.80 245 1.64 3.08 
Less Distributions: 
Dividends from net investment income (0.16) 0.50) 0.59) 0.71 
Distributions (гот net realized gains (0.04) 241 22) (0.51 
Total Distributions (0.20) (2.91 (2.81 1.22 


Hình 2-2 Hai phiên bản khác nhau của cùng một bản báo cáo tài chính. Cả hai bản báo cáo đều chứa 
những thông tin giống nhau, chỉ khác nhau ở chỗ bản báo cáo bên dưới nhấn mạnh các thông tin quan 
trọng bằng cách bôi đậm chúng, giúp người xem nhận ra những thông tin này nhanh hơn so với bản báo 
cáo chưa được nhấn mạnh bên trên. 
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Hình 2-3 Cái gì quan trọng nhất trên trang 
này? Là “Tire Sale!" hay "Big"? Khi mọi thứ đều 
được nhấn mạnh nghĩa là chẳng có gì được 


nhấn mạnh. 


Xác định biểu đồ thị giác cũng như thứ tự nhấn mạnh đòi hỏi bạn 
phải bỏ ra một chút công sức ban đầu, nhưng khi đã thành thạo và có kỹ 
năng hơn với việc này, bạn sẽ thấy thời gian mình đầu tư vào đó không 
hé lãng phí. Công sức mà bạn đầu tu vào phân tích biểu đồ thị giác được 
đền đáp bằng việc nó sẽ giúp bạn nâng cao hiệu quả trong quá trình thiết 
kế trang. Bạn sẽ giúp độc giả tiết kiệm được kha khá thời gian, bởi sự 
nhấn mạnh rõ ràng trên trang có thể giúp độc giả dë hiểu hơn. Biết được 
các thành phần cần được nhấn mạnh cũng giúp bạn tiến hành công việc 
thiết kế với sự tự tin và hiệu quả cao hơn. Nghe có vẻ đơn giản, nhưng 
thực sự sẽ rất hữu ích khi biết rằng tiêu dé bản tin nên có kích thước lớn 
hơn văn bản nội dung, hay tên sách quan trọng hơn tên nhà xuất bản. 
Hoặc, chú thích hình nên nhỏ hơn nhiều lán so với tiêu để. Khi không 
biết cần nhấn mạnh cái gì, nghĩa là bạn đang nhấn mạnh tất cả. Nhấn 
mạnh mọi thứ mà tất cả vẫn phối hợp với nhau hoàn hảo là điểu gần như 
không thể và rõ ràng là đây là công việc gây lãng phí thời gian của cả bạn 
lẫn độc giả (Hình 2-3). 
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QUYẾT DINH ĐÂU LÀ THÀNH PHÁN QUAN TRONG NHẤT 


Lợi ích từ việc áp dụng nguyên lý thiết kế cho các trang chính là sự nâng 
cao tính cấu trúc của không gian hiển thị và trình bày thông tin rõ ràng, 
mạch lạc. Tuy nhiên, làm sao để biết được cán nhấn mạnh cái gì? Hãy 
bắt đầu bằng việc quyết định xem đâu là những từ, cụm từ hoặc hình 
vẽ đồ họa quan trọng nhất. Bạn cũng nên xem xét những phần nào của 
thông điệp có thể thu hút nhiều khán giả nhất. Sau đó, bạn có thể nhấn 
mạnh những từ, cụm từ hoặc hình vẽ dó họa này như một điểm nhấn về 
thị giác thu hút sự chú ý của người xem. Một khi đã quyết định được các 
thành phán trực quan cần nhấn mạnh và thứ tự nhấn mạnh của chúng, 
khi đó bạn phải phát triển một kế hoạch tổng thể cho biểu đồ thị giác của 
trang. Thuật ngữ biểu dó thị giác (visual hierarchy) đơn giản chỉ là sự 
tham chiếu đến việc sắp xếp các thành phần trực quan trên trang, chẳng 
hạn như chữ và hình ảnh dựa trên mức độ quan trọng của chúng, và tất 
nhiên là cả việc tuân thủ theo nguyên lý về sự nhấn mạnh. 


Thiết lập biểu đồ thị giác 
Khi bạn tiến hành phân tích để xác định những thứ cần nhấn mạnh, hãy 
tự đặt ra cho mình các câu hỏi sau: 
e Thông điệp chính của bạn là gì? 
s Thành phán nào trên trang truyền tải tốt nhất thông điệp chính đó? 
• Ban có thông điệp thứ hai cần truyền tải không? 
e Thành phán nào trên trang truyền tải tốt nhất thông điệp thứ hai đó? 
e Ban có thông điệp thứ ba cần truyền tải không? 
e Thành phán nào trên trang truyền tải tốt nhất thông điệp thứ ba đó? 
• Thành phán trực quan nào trên trang là thú vị nhất? 


e Thành phán trực quan nào trên trang có khả năng thu hút hoặc 
gây sự chú ý của độc giả nhất? 

• _ Liệu có mẩu tin nào nếu không được nhấn mạnh hoặc không rõ 
ràng có thể làm suy giảm tính hữu dụng của thông điệp mà bạn 
muốn truyền tải không? Chẳng hạn, nếu đang thiết kế một tấm 
poster kêu gọi từ thiện cho một vở kịch, vị trí diễn ra vở kịch rõ 
ràng là thông tin quan trọng; vậy nên khi thiếu thông tin này, mọi 
người sẽ phải chạy loanh quanh trên các tuyến phố để tìm rạp hát 
công chiếu vở kịch. 
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e Nhüng thông tin nào mà ban có thể xóa khỏi trang? Don giản 
thường tốt hơn: Các thiết kế đơn giản giúp ban dé thiết lập biểu 
đồ thị giác hơn. Chỉ là vì, một thiết kế đơn giản không có nghĩa là 
nó không thể trở nên phức tạp. 


Các nhà thiết kế dó họa sử dụng biểu đồ thị giác để hướng sự chú ý 
của độc giả vào những điểm quan trọng, bắt đầu từ trọng tâm chính trên 
trang. Trọng tâm (focal point) là thành phần trực quan hoặc phần được 
nhấn mạnh nhất trên trang, do đó đây sẽ là nơi độc giả chú ý trước tiên. 
Trọng tâm thứ hai và thứ ba được gọi là các điểm nhấn (accent), vì chúng 
nổi bật hơn so với những điểm quan trọng khác trên trang (Hình 2-4). Có 
nhiều từ, cụm từ và hình vẽ đồ họa có nhiều điểm nhấn quá sẽ gây ra các 
vấn để về biểu đồ thị giác, đồng thời làm mờ nhạt thông điệp. Nếu có thể, 
hãy cố gắng hạn chế số lượng nội dung (content) - như từ, cụm từ, hình 
vẽ đồ họa - trên trang và giữ chúng càng đơn giản càng tốt. Nếu bạn có 
nhiều nội dung để trình bày, hãy chi chọn ra những từ cũng như hình vé 
đồ họa quan trọng nhất và khiến chúng trở nên thú vị nhất về mặt thị giác. 
Hãy chỉ nhấn mạnh thông tin quan trọng nhất. 


Hình 2-4 Nhà thiết kế bìa cho cuốn 
sách nấu ăn này đã chủ ý thiết lập các 
trọng tâm chính, thứ hai và thứ ba. 
Thiết kế logo to nhất, nổi bật nhất và 
đóng vai trò trong tâm chính. "Winning 
Recipes Cookbook” (tam dich: “Sách 
day cóng thúc ché bién các món án 
háp dán") có kích thuóc lón thú hai và 
là trong tâm thứ hai. Slogan (khẩu hiệu) 
“Better than the Best, Hottest of the 
Hot" (tam dịch: “Tốt hơn cả thứ tốt nhất, 
hấp dẫn nhất trong các thứ hấp dán") có 0 s, 0 

kích thuóc nhó nhát và là trong tám thú Winning Recipes Cookbook 
ba. Biểu đồ thị giác rõ ràng trên trang Енн а os 

giúp định hướng mắt nhìn của độc giả : 
qua các thóng tin. 
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Náng cao khá náng nhay bén vé biéu dó thi giác 


Hãy quan sát tác phẩm mà người khác đã làm và lấy đó làm cảm hứng 
để nâng cao biểu đồ thị giác trên các trang thiết kế của bạn. Bạn có thể 
nâng cao sự nhạy bén về biểu dó thị giác bằng một lối quan sát thông 
minh. Hãy tự hỏi bản thân các câu hỏi sau khi nhìn vào thiết kế trang 
của những người khác. Bạn nhìn vào cái gì trước tiên? Cái thứ hai bạn 
nhìn vào là gì? Và cái thứ ba? Tại sao bạn cho rằng mình đã quan sát các 
thành phần trực quan này theo thứ tự như vậy? Nhà thiết kế trang đã sử 
dụng những kỹ thuật trực quan nào để tạo ra biểu đồ thị giác trên? Dó là 
màu sắc, họa tiết, kích thước, tác động thị giác (visual weight), vị trí hay 
một số kỹ thuật khác? 


Theo thời gian, độ nhạy bén về thiết kế và sử dụng sự nhấn mạnh 
trong thiết kế của bạn sẽ tăng lên. Thậm chí, có khả năng bạn sẽ tìm thấy 
cảm hứng trong cách nhà thiết kế khác sử dụng một kỹ thuật đặc biệt 
để thu hút sự chú ý của khán giả vào những điểm quan trọng trên trang 
của họ, từ đó nâng cao tác phẩm của mình. Đừng xấu hổ khi đặt ra bốn 
câu hỏi đầu tiên đối với tác phẩm của chính bạn. Một khi đã có được sự 
nhạy bén, tinh tế trong cách sử dụng biểu đồ thị giác và sự nhấn mạnh, 
bạn sẽ được trang bị tốt hơn để xác định - và cải thiện - những vấn để về 
nhấn mạnh trên trang, 


CÁC KỸ THUẬT NHẤN MẠNH 


Các nhà thiết kế dó họa chuyên nghiệp sử dụng rất nhiều kỹ thuật trực 
quan khác nhau để nhấn mạnh những thành phán quan trọng và thiết lập 
một biểu đồ thị giác rõ ràng. Những kỹ thuật được liệt kê dưới đây chỉ là 
danh sách chưa hoàn chỉnh. Hơn 10 năm giảng dạy tại trường đại học, tôi 
nhận thấy một điểu rằng: Các danh sách rất ít khi làm hạn chế khả năng 
sáng tạo của sinh viên, chúng không thể ngăn họ nghĩ ra những cách thức 
mới khác, vượt xa pham vi của danh sách ban đầu. Danh sách dưới đây 
được đưa ra để giúp bạn bắt đầu công việc sáng tạo của mình. Hãy lướt qua 
danh sách này và thoải mái thử nghiệm cũng như nghĩ ra những cách thức 
mới. Để nhấn mạnh một thành phần, bạn có thể thử: 


• Làm cho thành phần đó lớn nhất. 

• Тап cho thành phần đó đậm nhất. 

• Làm cho thành phán đó sáng nhất. 

e _ Thiết lập chữ đậm, nghiêng hoặc vừa đậm vừa nghiêng. 


+ Thêm mộthiệu ứng thị giác đặc biệt cho thành phần đó, ví dụ như 
thêm họa tiết lặp lại (Hình 2-5). 


Dry Skin? 
Dry Skin? 


Hình 2-5 Áp dụng hiệu ứng 
đặc biệt cho một từ để khiến 
nó trở nên cuốn hút hơn về 
mặt thị giác. 
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Hình 2-6 Một ví dụ về bức 
ảnh được vận dụng kỹ thuật cắt 
lọc đối tượng (bên trên). Việc 
cát lọc đối tượng trong ảnh ở 
đây không chỉ tạo ra sự thu hút 
thú vị vé thị giác, mà còn loại 
bỏ những phần lấn át của bức 
ảnh ban đầu (bên dưới). 


Đặt thành phần đó trong một hình khác biệt với các hình vẽ đồ 
họa hoặc văn bản khác trên trang. 


“Thêm đường vién (border) cho hình bao quanh thành phần đó. 


Nếu thành phán cán nhấn mạnh là ảnh, hãy áp dụng kỹ thuật cát 
lọc đối tượng (silhouette) - tức cắt lọc hình ảnh bao xung quanh 
hình dáng của người hoặc vật thể, được đặt trên một nền hình 
đơn giản hơn - cho ảnh đó (Hình 2-6). 


"Thay đổi màu sắc của thành phần đó cho khác với những thành 
phán trực quan còn lại trên trang (Bảng màu 1, Chương 10). 


Sù dụng một màu tương phản bên trong thành phần đó. 

Đặt nhiều khoảng tráng (white space) xung quanh thành phần đó. 
Tao mót hiéu úng bóng dó (drop shadow). 

Xó nghiéng (tilt) thành phán muón nhán manh theo mót góc xác 
dinh trong khi các thành phán khác nằm ngang. 


Làm cho thành phán đó xuất hiện rõ nhất khi moi thứ xung 
quanh nó dugc làm mó di (Hinh 2-7). 


Hình 2-7 Bức ảnh được làm mờ trên trang bìa của 
cuốn sách này làm cho khói tiêu đề trông nổi bật hơn. 
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Làm cho thành phán dó sáng lén néu tát cà các thú cón lai tróng 
tói hon, hoác ngugc lai. 


Làm cho thành phán đó trở nên rõ ràng nếu tất cà các thứ còn lại 
không rõ nét, hoặc ngược lại. 

Đặt thành phần đó tại vị trí sao cho tất cả các thành phần khác 
đều dẫn hoặc trỏ tới nó. 

Luôn đặt đối tượng cần nhấn mạnh vào giữa tầm nhìn của trang 
= tức điểm thu hút thị giác của người xem, trừ phi có thành phần 
trực quan khác làm họ phân tán (Hình 2-8). 


Kết hợp một số kỹ thuật nhấn mạnh được liệt kê ở trên (Hình 2-9). 


Antique Auto 
Swap Meet 


шула? 
Neighbor Corner 


Lightness of Being 


a seminar on traveling light. 


coming soon. 


Hinh 2-8 Nhán manh 
thành phần bång cách đặt 
nó tại vị trí giữa tám nhìn 
của trang. Bạn có thể xác 
định vị trí đó bảng cách chia 
đôi trang theo chiều dọc và 
chiều ngang, sau đó sử dung 
trục ngang làm đường tham 
chiếu, di chuyển lên phía trên 
của trang một đoạn bảng 1⁄3 
độ dài của nửa trục đứng (vi 
trí được đánh dấu X ở trang 
bên trái), Trang bên phải sử 
dụng riêng một ảnh lớn đặt 
ở vi trí giữa tầm nhìn của mắt 
để nhấn mạnh và nâng cao 
tính rõ ràng. 


Hình 2-9 Tờ rơi này kết 
hợp một số kỹ thuật nhấn 
mạnh: Ảnh được cắt lọc đối 
tượng, xô nghiêng kết hợp 
hiệu ứng bóng đổ. Các kỹ 
thuật này nhấn mạnh rõ hình 
ảnh trực quan và concept về 
sự chuyển động nhẹ nhàng. 
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Flowers 


By Mary 
ZZ 


Hinh2-10 Sosánhlogoban 
dáu khi chua dugc nhán manh 
(bén trén) vói logo sau khi 
được nhấn mạnh (bên dưới). 
Như đã tháy ở logo bên dưới, 
việc áp dụng sự nhấn manh 
làm gia tăng sức lôi cuốn thị 
giác cho thiết kế. 


CÁC VÍ DỤ VỀ SỰ NHẤN MẠNH 
Ví dụ 1 


Dòng chữ “Flowers By Mary” ở phía trên trong Hình 2-10 là bộ phận 
của một logo đơn giản, chưa được nhấn mạnh. Tắt cà các từ đều có mức 
độ weight (độ đậm) và sự nhấn mạnh như nhau; kết quả là, dù logo rất 
dë đọc song lại vô cùng nhàm chán. Như bạn có thể thấy, chỉ với một số 
diéu chỉnh nhỏ đã làm thay đổi hoàn toàn sự nhấn mạnh và tác động của 
logo khi nhìn vào thiết kế logo ở bên dưới của Hình 2-10. Việc sử dụng 
một typeface khác đã làm thay đổi mạnh mẽ ấn tượng tổng thể của logo. 
Logo ban đầu trông đơn giản, nhàm chán và có vẻ gì đó lỗi thời vì sử 
dụng typeface Serif (Chữ chốt nét). Typeface Calligraphy (Chữ thư pháp) 
trong logo sửa đổi giúp tăng thêm nét cá tính và phong cách nghệ thuật, 
đồng thời nhấn mạnh rằng việc kinh doanh này là do “Mary điều hành”. 


Mặc dù việc lựa chọn một typeface khác đã làm thay đổi đáng kể tinh 
thần chung của logo, song việc thay đổi kích thước các từ trong logo càng, 
giúp nâng cao biểu đồ thị giác và sự nhấn mạnh cho logo. Nhằm nhấn 
mạnh sản phẩm của một dịch vụ kinh doanh, dòng chữ “Flowers” được 
dé to hơn chữ “by Магу" Do đó, “Flowers” trở thành điểm nhấn chính 
trong biểu đồ thị giác; “by Mary” được hiển thị rõ ràng và là một phần 
không thể thiếu của logo, nhưng kích thước nhỏ hơn của nó cho biết 
đây là phán ít quan trọng hơn. Chữ “Flowers” được uốn cong một chút 
không chỉ tăng thêm sức lôi cuốn thị giác mà còn kết hợp hài hòa với các 
góc vát tròn của hình viên thuốc con nhộng màu đen bên dưới. Sự lựa 
chọn typeface và cách nhấn mạnh trong logo mới ngụ ý rằng, việc kinh 
doanh tập trung vào hoạt động cung cấp dịch vụ cá nhân. 


Một khái niệm quan trọng cần nắm rõ, đặc biệt là trong thiết kế logo: 
Một kế hoạch nhấn mạnh thấu đáo có thể giúp bạn tác động lên suy 
nghĩ của mọi người ngay từ lần đầu họ nhìn thấy thiết kế của bạn. Một 
logo thiếu sự nhấn mạnh sẽ trở nên nhạt nhẽo và nhàm chán; ngược 
lai, một logo có sự nhấn mạnh tốt giúp tuyên bố một cách rõ ràng trọng 
tâm cũng như sứ mệnh của dịch vụ kinh doanh mà bạn đang thực hiện. 
Logo “Flower by Mary” ban đầu nói về một dịch vụ kinh doanh (và sản 
phẩm) nhàm chán, tẻ nhạt. Trái lại, logo sau khi thiết kế lại để cập đến 
một dịch vụ kinh doanh thú vị và tràn đẩy năng lượng, đồng thời chủ 
nhân của nó tập trung vào phong cách cá nhân. Đừng đánh giá thấp ảnh 
hưởng của sự nhấn mạnh. Ngay cả trong những cụm từ rất ngắn, việc 
thiết lập một biểu dó thị giác rõ ràng cho thông tin cần truyền tải cũng 
rất quan trọng, nó tác động đáng kể tới những gì mà độc giả cảm nhận 
về thiết kế của bạn. 
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Ví du 2 


Bản lý lich cá nhân hư cấu bên trái Hình 2-11 gặp một số vấn để về nhấn 
mạnh, điều này góp phán tạo nên ấn tượng mờ nhạt của tổng thể bản lý 
lịch. Áp dụng tỉnh tế nguyên lý của sự nhấn mạnh cho các bản lý lịch cá 
nhân, báo cáo, tờ rơi hoặc bản tin thường tạo ấn tượng mạnh hơn và gia 
tăng tính dë đọc cho trang. Cụ thể, các bản lý lịch cá nhân cán dễ dàng 
để đọc lướt và nám bắt thông tin, nội dung trong đó cần cô đọng, còn 
thông tin đưa ra phải có thứ tự ưu tiên rõ ràng. Bản lý lịch cá nhân là dip 
để bạn thể hiện các kỹ năng thiết kế của mình: Thường là cơ hội duy nhất 
để bạn mô tả về kinh nghiệm công việc và thể hiện những kỹ năng thiết 
kế truyền thông của bản thân trên một định dạng trang súc tích. 


Bản lý lịch cá nhân bên trái Hình 2-11 trông có vẻ ngắn gọn và súc 
tích song lại thiếu đi tính nhấn mạnh, do đó trông, không cuốn hút về 
mặt thị giác. Trong bản lý lịch cá nhân này, các dòng tiêu để chưa được 
nhấn mạnh và không đủ tương phản với phần văn bản nội dung (body 
copy) - tức phán chữ nhỏ, trong khi khoảng, trắng kép vụng về giữa 
phán tiêu để và phần nội dung văn bản lại quá rộng. Các tiêu để trông 
như đang lo lửng, không có sự gắn kết với phần văn bản nội dung mà 
nó giới thiệu. Việc loại bỏ một số khoảng, trắng giữa phần tiêu để và 


Jane Quincy Doe 


Hình 2-11 Áp dụng sự 
nhấn mạnh cho bản lý lịch cá 
nhân ở bên trái khiến nó trở 
nên rõ ràng, dễ đọc hơn, như 
bạn có thé tháy trong bản lý 
lịch cá nhân ở bên phải. 


4300 Sentry Drive 


(555) 2555555. 


Objective. 


Lorem ipsum dolor sit amet, con secteteur adipsicing elit, sed дата 
nonnumy eusidnod tempor inci dunt ut labore. 


Education. 


Jectown Technical School, August 1999.present Vel illum dolor eu feugiat 
mülla fcil at vero eos. Nam liber tempor cum soluta nobis: 


Joetown High School. Graduated in top 10% of clas. Special interests in 
automotive technologies, geography, geometry and related mathematics, 
Eligent option conque nibil impediet doming id quot maxim plecat facer. 
possum omnis voluptas 

Experience. 

Work Study Automotive Lab Monitor, August 1999-present. Duties include. 
digent option conque nibil impediet doming id quot maxim plecat facer 
possum omnis voluptas. 


Joey's Grill, December 1999-August 1999. Nam liber tempor cum soluta 
nobis. 


Skill 


Nam liber tempor cum soluta nobis. Lorem ipsum dolor sit amet. 


Anytown, TA 50703 

(555) 2558555 

Objective 

Lorem ipsum dolor sit amet, con secteteur adipsicing elit, sed Чагаа 
nonnumy eusidnod tempor inci dunt ut labore, 


Education 


Joctown Technical School, August 1999-present. Vel illam dolor 
cu feugiat mulla facis at vero eos, Nam liber tempor cum soluta 
nobis. 


Joctown High School. Graduated in top 10% of class. Special 
interests in automotive technologies, geography, geometry and related 
mathematics. Eligent option conque nibil impediet doming id quot 
maxim plecat facer possum omnis voluptas- 


Experience 
Work Study Automotive Lab Monitor, August 19 


Duties include eligent option conque nibil impediet doming id quot 
maxim plecat facer possum omnis voluptas. 


Joey's Grill, December 1999-August 1999. Nam liber tempor cum 
soluta nobis. 


Skills. 


Nam liber tempor cum soluta nobis. Lorem ipsum dolor sit amet. 
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MÁCH NHỎ. 
Viéc nhóm nhüng thóng tin 
liên quan lại với nhau làm 


i ung đường. 
kẻ để nhấn manh hơn nữa 
| các từ và cụm từ, cũng nhu 
| để tổ chức thiết kế trang. 


| 


phán ván bàn nói dung sé giúp hinh thúc tóng thé cüa trang thém chát 
ché, dóng thói nhóm các thóng tin lai vói nhau mót cách truc quan. Dáy 
là một lưu ý quan trọng, bởi việc đặt các thông tin liên quan cạnh nhau 
giúp độc giả không chỉ nắm bắt thông tin một cách trực quan mà còn 
hiểu được khái niệm tổng thể. Ngoài ra, bản lý lịch cá nhân này còn sử 
dụng hai kiểu căn gióng (alignment): Căn giữa đối với thông tin tên và 
địa chỉ, căn đều bên trái đối với phần nội dung còn lại. Trong một định 
dạng súc tích như bản lý lịch cá nhân, tốt hơn hết là trung thành với một 
kiểu căn gióng rõ ràng duy nhất. Điều này giúp cho thiết kế trang trở nên 
mạch lạc và trật tự hơn, góp phần tạo ấn tượng với người xem rằng bạn 
đang kiểm soát rất tốt thông tin trên trang của mình. 


Bản lý lịch cá nhân sửa đổi bên phải Hình 2-11 đã khắc phục được 
thiếu sót chính trong bản lý lịch cá nhân bên trái. Việc chuyển phần tên 
và địa chỉ về vị trí căn trái giống phần văn bản còn lại tạo ra cảm giác 
thống nhất. Việc tăng kích thước và bôi đậm phần họ tên khiến nó thêm 
nổi bật, tit đó nâng cao tám quan trọng của họ tên trong biểu đồ thị giác. 
Các tiêu để được tăng kích thước, bôi đậm làm cho chúng dễ nhận diện 
hơn nhiều. Khi các tiêu dé được nhấn mạnh, chúng trở nên nổi bật hơn 
về mặt thị giác, giúp độc giả có thể lướt nhanh qua bản lý lịch cá nhân 
để tìm ra những điểm thú vị. Để hỗ trợ độc giả hơn nữa, các chức danh 
công việc trong mục Education (Trình độ học vấn) và Experience (Kinh 
nghiệm làm việc) cũng được bôi đậm. Việc thu hep khoảng cách giữa các 
tiêu để cùng văn bản nội dung tạo ra sự liên kết chặt chẽ giữa tiêu để và 
nội dung tương ứng. Việc thêm đường kẻ bên dưới các tiêu để giúp nhấn 
mạnh hơn nữa những tiêu để này, và việc sử dụng lặp lại các đường kẻ 
này đem lại một thứ tự thống nhất cho trang thiết kế. Sử dụng các đường 
kẻ với độ dài như nhau giúp gia tăng tính trật tự cho trang, đồng thời 
giúp xác định một khoảng cách lề thống nhất cho cả lề trái lẫn lề phải. 
Nhu bạn có thể thấy sau khi xem xét tất cả các thay đổi giữa hai phiên 
bản thiết kế của bản lý lịch cá nhân, những điểu chỉnh tinh tế trong việc 
nhấn mạnh đã tác động mạnh mẽ tới kết cấu và tính dễ đọc của trang. 


Ví dụ3 


Tám thiệp thông báo hop gia đình ở Hình 2-12 chi chứa 
những thông tin cần thiết nhất, có lẽ trừ lưu ý “Welcome 
One and All!” (“Hoan nghênh sự biện diện của tất cả 
mọi người!"). Có thể do sự đơn giản - và vì không có bất 
cứ thông tin dư thừa nào - nên nhà thiết kế trang này đã 
đánh toàn bộ văn bản dưới dạng chữ in hoa. Các từ được 
viết rất to và được căn giữa nhằm nỗ lực lấp đầy trang. 


Rất nhiều người mới bắt đầu thiết kế trang thường sử 
dụng tất cả các ký tự hoa để cố lấp nhiều khoảng trống 
hơn và để nhấn mạnh những thông tin quan trọng, song 
họ lại hoàn toàn mơ hồ không biết rằng những đoạn văn 
dài sử dụng “tất cả các ký tự in hoa" là một lỗi trình bày 
rất vụng về. Tất cả các ký tự in hoa (all caps) được các 
nhà thiết kế gọi là all capital letters. VIỆC SỬ DUNG 
TẤT CẢ CÁC KÝ TỰ IN HOA TẠO CẢM GIÁC RỐI 
MẮT. NHÌN CHUNG, ĐỘC GIẢ SẼ CẢM THẤY 
RẤT KHÓ THEO DÕI DÒNG NGAY SAU DÒNG 
SỬ DUNG TOÀN KY TỰ HOA. ĐỌC DÒNG NGAY 
SAU DÒNG SỬ DỤNG TẤT CẢ CÁC KÝ TỰ IN HOA 
LÀM GIẢM ĐÁNG KỂ TỐC ĐỘ ĐỌC. Sử dụng tất cả 
các ký tự in hoa còn thể hiện sự ngây ngô tới mức thiếu 
chuyên nghiệp. 


Một vấn để khác của tấm thiệp thông báo này là sử 
dụng kiểu căn giữa trông rất të nhạt. Với đa số trường 
hợp, dùng kiểu căn giữa thường đem lại cảm giác tôn 
nghiêm và trang trọng; tuy nhiên, sự vụng về khi sử 
dụng tất cả các ký tự in hoa đã phủ định hoàn toàn ý 
nghĩa trang nghiêm đó. Bên cạnh việc lạm dụng các ký 
tự hoa, kích thước của những ký tự này, kiểu căn giữa và 
tình trạng thiếu hình ảnh phụ họa khiến cho tấm thiệp 
thông báo trông rất thiếu chuyên nghiệp. 


Hình 2-13 Tấm thiệp thông báo sau khi thiết kế lại. Việc bó 
sung hình ảnh và sự nhấn mạnh làm gia tăng sức lôi cuốn thị giác. 
Người xem sẽ muốn nhìn vào trang này hơn, khả năng thông điệp. 
của bạn được đón nhận có thể cao hơn. 
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BLAYLOCK-GAINES 
FAMILY REUNION 


SATURDAY, JULY 3, 1999 
9:00 a.m.-3:00 p.m. 
DIAMOND CITY SOCIAL CLUB 
DIAMOND CITY, ARKANSAS 


'WELCOME ONE AND ALLI 


= 


Hình 2-12 Một tấm thiệp đơn giản thông 
báo họp gia đình. Thiệp không có tính nhấn 
mạnh, do đó mà thiếu di sức lôi cuốn. 


Blaylock-Gaines Family Reunion 


Saturday, July 3, 1999 
9:00 23:00 pam. 
Diamond City Social Club 
Diamond City, Arkansas 


Welcome One and АШ 


e 
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Hinh 2-13 là tấm thiệp thông báo sau khi được thiết kế lại hoàn chinh. 
Tiêu dé của buổi hop gia đình được thiết lập với kích thước lớn, bôi dám 
và gạch chân, làm cho nó trở thành thành phần chính trong biểu đồ thị 
giác. Thông tin ngày giờ diễn ra buổi họp là thành phần quan trọng thứ 
hai, và mặc dù có cùng kích thước với phán văn bản nội dung còn lại 
nhưng nó được bôi đậm để thu hút sự chú ý từ độc giả. Cả ngày lẫn giờ 
đều được bôi đậm, điểu này hình thành nên một nhóm gây chú ý về mặt 
thị giác và nhóm này được cân bằng bởi dòng chữ đậm “Welcome One 
and АШ”. Việc thiết lập thông điệp cá nhân "Welcome One and All!” với 
kiểu chữ bold (đậm) và italic (nghiêng) giúp cân bằng tác động thị giác 
của nhóm ngày giờ, đồng thời nhấn mạnh lại tính chất cá nhân của buổi 
họp gia đình. 


Viéc giảm kích thước chữ và sử dụng ký tự in hoa lẫn ký tự in thường 
đã chùa lại khá nhiều khoảng trống để chèn thêm ảnh. Låt nhanh qua bộ 
sưu tập ảnh của một thành viên cao tuổi trong gia đình, tác giả đã tìm 
được một số bức ảnh cổ có giá trị sử dụng. Việc đưa những bức ảnh này 
vào tấm thiệp thông báo vừa đem lại cảm giác hoài niệm, vừa cho thấy đôi 
chút về truyền thống lich sử của dòng họ. Do phán vién của bức ảnh cậu 
bé đã bị hư hại, trông rất xấu nên tác giả đã quyết định loại bỏ phần này 
bằng cách áp dụng kỹ thuật cắt lọc đối tượng (như minh họa ở Hình 2-6). 
Các viền sau khi áp dụng kỹ thuật cắt lọc đối tượng giúp tạo ra cảm giác 
khoảng trắng tràn ra nửa dưới của tấm thiệp thông báo một cách liền 
mạch. Cảm giác này tương phản rất tốt với bức hình ngôi nhà lớn chiếm 
trọn nửa trên của tờ thông báo. Khoảng trắng mở này cũng hướng sự chú 
ý của độc giả vào tính đơn giản của phán nội dung thông báo, và những 
thay đổi về typeface, kích thước, kiểu căn gióng khiến cho thiết kế trông 
tinh tế hơn nhiều so với thiết kế ban đầu. Một phương thức khác để nhấn 
mạnh các phẩn nhất định trong thông điệp của bạn là hãy tận dụng sức 
mạnh của hình ảnh. Việc thêm hình ảnh cũng như nhấn mạnh các từ 
đã cải thiện đáng kể sức lôi cuốn cũng như tính hấp dẫn về mặt thị giác 
của thiết kế này. Sử dụng hợp lý những hình ảnh mang giá trị lịch sử về 
gia đình giúp nâng cao ý nghĩa hoài niệm tốt đẹp và sự ấm cúng cho tấm 
thiệp mời, đồng thời để cao ý nghĩa tư tưởng của “Buổi họp gia đình” 


SỬ DỤNG VỪA PHẢI CÁC NGUYÊN LÝ THIẾT KẾ 


Một vấn để mà những người thiếu kinh nghiệm thường vấp phải trong 
lần đầu áp dụng nguyên lý của sự nhấn mạnh vào các thiết kế trang là 
lạm dụng quá mức. Đây thực sự là một xu hướng phổ biến đối với hầu 
hết các nguyên lý khác. Rất ít người sinh ra đã là những nhà thiết kế 
có khả năng thiên phú trong việc làm chủ các nguyên lý thiết kế. Hầu 
hết những ai muốn trở thành nhà thiết kế đều phải học kỹ năng thiết 
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ké thóng qua thuc hành, thuc hành và thuc hành nhiéu hon nüa. Hoc 
mót kj náng nghia là các buóc sai sé xày dén và ban sé mác sai lám. Lói 
khuyên của tôi dành cho bạn là: Hãy chấp nhận một điều rằng, để trở 
thành một nhà thiết kế giỏi, bạn cán có thời gian và hãy tha thứ cho 
những sai lầm của bản thân, bên cạnh đó bạn phải luôn hướng đến mục 
tiêu làm tốt hơn nữa. Bạn có thể tránh mắc phải sai sót bằng cách ghi 
nhớ rằng, việc lạm dụng các nguyên lý thiết kế là điểu rất dé xảy ra. Lam. 
dụng quá mức có thể làm hỏng thiết kế nhanh hơn so với không áp dụng 
nguyên lý thiết kế nào. Hãy giữ cho thông điệp của bạn càng đơn giản 
càng tốt, tránh nhấn mạnh mọi thứ trên trang. Kiểm chế là điều rất cần 
thiết để truyền tải thông điệp một cách rõ ràng. 


Trong mỗi chương bàn về nguyên lý thiết kế sẽ có một mục Phân tích 
cấu trúc trang nâng cao. Mục đích của phán này là trực tiếp chỉ ra 
những vấn để lớn nhỏ mà một thiết kế ban đầu mắc phải, sau đó so 
sánh nó với một trang thiết kế sau khi được sửa đổi. Việc chỉ ra chính 
xác những vị trí mắc lỗi thiết kế sẽ giúp bạn hiểu được các nhà thiết kế 
chuyên nghiệp thường quan sát điều gì khi họ cố gắng thiết kế ra những 
trang tốt hơn. Lúc thích hợp, các nguyên lý thiết kế sẽ được để cập ở 
những mục Phân tích cấu trúc trang nâng cao này. Khi đọc cuốn sách 
và nắm rõ các nguyên lý thiết kế, tôi khuyến khích các bạn hãy quay trở 
lại những trang phân tích nêu trên để kiểm tra xem chúng còn tồn đọng 
vấn để nào khác ngoài những vấn để đã được chỉ ra không. Hãy ghi lại 
những gì bạn nghĩ là có khả năng khắc phục các thiết sót đó. Sau khi 
nghiên cứu xong cuốn sách, bạn sẽ thấy các kỹ năng phân tích của mình 
có thể trở nên nhạy bén hơn rất nhiều. 


є е 
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PHÁN TÍCH CẤU TRÚC TRANG NÂNG CAO  Sunhánmanh 


lề 


Muni companion js neo тап има terms fern to би рэ design commi ме vĩ 


preterm бел projects и ws intende o tem инни. меш, дла ed eri re 
rode an espais, ar serve ma n elec Бопе зра ъа н xe то ind i C atat: 


Trong bài phân tích cấu trúc trang nâng cao này, bạn sẽ so sánh Hình 2-14 
(thiết kế trang ban đầu) với Hình 2-15 (thiết kế trang sau khi sửa đổi). 


[— Khoảng cách giữa các mục quá rộng, 
khiến từng mục trông gần như tách 


biệt với nhau. 
Font Times sử dụng trong bản tin này гїї 
nhàm chán. Nhiều nhà thiết kế tránh sù 
dụng font Times vì hầu như máy tính nào. 
Careers in Visual Communication cüng có font này và nó së rát khó doc néu 
Hæ bị lạm dụng. 
The usa Саннан reo 


лосина ke ad tem Rd mi ee ty TT set, Có quá nhiều khoảng trắng ở cuối dòng 
КЫ T mar pag c. V p m e I này đặc biệt là khi so sánh với đồng nguy 


bên dưới, 


Viết hoa không thổng nhất. 


мо ра 


= 


Paces ot арумен 


[и 
КОСТЯ 
Newspapers 
тод имен 
—— 
Læ 
затны 


“he kb des hd by dvd performing reve kta vary coding toii emper ebd 
desee model and ivo hierarchy The рее i, or evampl een A Dici ж те ntn mas, 
епазу din om meter An Dicat adr bonus T re om tales. 


Misi cunaunici wak i sl ый and aes f ds, орао ems and cours Бирев 
оң naga frm ame or tov gen pie design dno qe ve deiode P. 

тии сэром, Freelancer elf employed vial comen we mccum ilic 
ату тве prem Ты olli 


Mặc dù được bôi đậm, song tiêu dé và 
các tiêu đế phụ vẫn thiếu tính nhấn 
mạnh và tương phản để giúp trang trông 
lôi cuốn hơn. 


on a panit t ponite струнны pret 
меъ Dogs Fen 

Papap Pcr 

Маши мышын 

ca 


Một dấu hiệu cho thấy trang này rất thiếu 
chuyên nghiệp là nhà thiết kế đã sử dung 
khoảng cách tab tiêu chuẩn và mặc định 
của trình soạn thảo văn bản. Khoảng 
cách tab tiêu chuẩn này rất rộng và để lại 
khoảng trống vụng về ở đầu các đoạn văn 
bản. Ngoài ra, việc sử dụng các khoảng 
tab trong trang này không thống nhất, 


Các khoảng trống này quá rộng. 


Khoảng lề dưới cùng quá nhỏ, đặc biệt là 
khi so sánh với khoảng lề trên cùng và các 
khoáng lé ở hai bên trang. 


Một trang toàn chữ không nên nhàm 
chán kiểu này, 


Hình 2-14 Thiết kế trang ban đầu. 
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Nhà thiết kế dà chọn font Myriad Bold Condensed cho tiêu để ("careers") và các tiêu dé phụ, font Baskerville cho tiêu dé (1п Visual 
Communication”) và văn bản nội dung. Letterform (mặt chữ) dày, không quá cầu kỳ của font Myriad Bold Condensed mang hơi 
hướng hiện đại, trông rất thân thiện, vi chúng mềm mại, cong tròn (ví dụ ở các kj tv “a; “e và s) Letterform mang hơi hướng 
truyền thống hơn của font Baskerville cũng mềm mại, cong tròn và dễ đọc, rất thích hợp cho văn bản nội dung, Sự kết hợp giữa các 


vừa căn bản”, 


E 
Places of Employment 
renasci en a а dad dtd ruidos, 
re sd crue Ta aan propeta тр боа ant cr tr gen 
rie dc su tpe cede recs dida 
a Feds (йөрүн zone wg 
eli igitnr ia de ran Tha o o oeiy a pra 
ene entre egent 
Cai Deign Pme- Wb Deign не. 

sen Dei ue Малта en 


| Việc giảm khoảng cách giữa các mục, tuy nhỏ 
nhưng giúp chúng trông có sự gắn kết trực 
quan hơn. 


trong lĩnh vực truyền thông thị giác hứa hẹn vừa hiện đại 


Việc sử dụng hai font khác nhau trong trang này 
tạo ra sự tương phản và sức lôi cuốn cho trang. 
'Việc thiết lập cùng một font, tăng kích thước và sử. 
dụng màu xám cho tiêu dé "careers" cũng nhu các 
tiêu dé phụ nhằm thu hút sự chú ý đã giúp nhấn. 
mạnh những thành phần này. Đây chỉ là một giải 
pháp typography - nhưng rõ rằng rất thú vị. 


'Việc co ngắn độ rộng cột và gạch nối một số từ (chi 
khi cần thiết) đã loại bỏ những khoảng trống vụng 
vé ở cuối các dòng. 


Do font Myriad Bold Condensed được co lại (trông 
cao và dày hơn) nén chữ “careers” trông to hơn, 
đạt được hiệu quả tác động cao hơn. Tiêu đề được 
đặt ở cạnh bên của trang ngụ ý ràng, nghề nghiệp. 
trong lĩnh vực truyền thông thị giác “rất khác biệt. 


Việc chọn màu xám cho từ "careers" cho phép từ 
này có thể có kích thước rất lớn mà không lấn át 
các thành phán còn lại trên trang. 


Việc sử dụng khoảng cách tab thống nhất và viết 
hoa chữ cái đầu tất cả các từ trong danh sách giúp 
trang trông tỉnh tế hơn. 


'Việc đặt các tư liệu liệt kê ở ba cột giúp loại bỏ các 
khoảng trống không cần thiết, đồng thời dé chia. 
lại khoảng lề rộng rãi bên dưới. 


Hình 2-15 Thiết kế trang sau khi sửa đổi. 
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Vacation in the 
Great Outdoors 


Vacation 


in the 


Great Outdoors 
Hinh 2-16 


TÓNG KÉT 


Để tóm tắt ngắn gon vé chương này, cán luu ý rằng bản chất của sự nhấn 
mạnh là quyết định những phán thông tin quan trọng nhất của thông 
điệp và khiến chúng trở nên nổi bật nhất. Nếu có nhiều hơn một phần 
thông tin quan trọng, bạn phải thiết lập một biểu đồ thị giác, trong đó 
xác định thành phán quan trọng thứ nhất, thứ hai, thứ ba,... và cách 
thức nhấn mạnh chúng để thể hiện rõ thứ tự quan trọng đó. Ưu điểm 
của việc áp dụng sự nhấn mạnh trong các thiết kế trang là làm nổi bật 
những thông tin quan trọng, giúp độc giả dë dàng đọc lướt để chọn ra 
các thông tin quan trọng từ nội dung thiết kế. Bạn càng thiết kế thân 
thiện với độc giả bao nhiêu, khả năng thông điệp của bạn được đón nhận 
càng tăng bấy nhiêu - chí ít thì nó cũng được để mắt đến. 


CÂU HỎI TRẮC NGHIỆM SỐ 2 

Điền đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Điểm nhấn 
Nhấn mạnh 
Biểu đồ thị giác 


1. Sử dụng nguyên lý của sự giúp đơn giản hóa nhiệm vụ 
của độc giả, giúp họ nhận ra những điểm quan trọng nhất trong số 
các thông tin hàm chứa trong thông điệp của bạn. 

2. Việc sắp xếp các tiêu để, hình vẽ đồ hoa và từ trong thiết kế dàn trang 
theo thứ tự của chúng giúp thiết lập một 
trên trang. 

3. Trọng tâm là gì và tại sao nó lại quan trọng? 


4. Các trọng tâm thứ hai và thứ ba được gọi là bởi vì 
chúng nổi bật hơn những thông tin quan trọng khác trên trang. 


5. Những thành phán trực quan nào trên trang cán được nhấn mạnh và 
làm thế nào để nhấn mạnh chúng, nhằm tác động tới cảm nhận của 
độc giả về thiết kế của bạn. Trong hai thiết kế ở Hình 2-16, thiết kế 
nào trông vui tươi hơn? Thiết kế nào trông tẻ nhạt và lỗi thời? Tại sao? 
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BÀI TẬP 


Các bài tập trong chương này và những chương bàn về nguyên lý thiết 
kế tiếp theo nhằm mục đích giúp bạn củng cố thêm hiểu biết vé các 
nguyên lý thiết kế. Khi thực hiện các bài tập này, hãy nhớ rằng trong thiết 
kế không có đáp án đúng hay sai, chỉ có giải pháp tốt hơn hay tệ hơn. 
'Việc thử nghiệm những giải pháp khác nhau cho từng bài tập là điều rất 
nên làm; sau đó, bạn hãy tập hợp các giải pháp lại với nhau để đánh giá 
chúng kỹ hơn. Hãy cố gắng tìm ra những điểm mạnh và điểm yếu của 
từng giải pháp. Nếu cảm thấy khó khăn, hãy thử tham khảo ý kiến của 
bạn bè để có sự nhìn nhận khách quan hơn. Có thể họ sẽ phát hiện thấy 
những điều mà bạn không nhận ra. Bên cạnh đó, bạn có thể tham khảo 
các hướng dẫn phê bình ở Chương 13, trong đó liệt kê một danh sách 
các câu hỏi mà ban có thể đặt ra khi đánh giá những giải pháp thiết кё 
của mình. 


Bài tập 1 


Sử dụng máy tính để thiết kế lại bảng “Contents” (“Mục lục”) ở Hình 2-17, 
trong đó áp dụng sự nhấn mạnh. Tất cả các chữ trong bảng đều có cùng, 
một kích thước, điểu này 


không thể hiện rõ ba mức 

phân cấp nội dung khác 

nhau trên trang, Tiêu để Сопіёпіѕ 

“Contents” phài là thành 

phán quan trong nhát và Introduction 2 
nổi bật nhất, các tiêu để Wildflowers 6 
chuong là thành phân Cone Flowers 8 
quan trọng thú hai và phåi Bluebonnets 12 
nói bát thú hai, sau dó dén 

các tiéu dé phu. Ban có thé Rose Bushes 16 
tăng cường sự nhấn manh Antique Roses 17 
bàng cách táng kích thuóc, Hybrid Roses 24 
bôi đậm hoặc bó sung màu 

cho các thành phần. Một số Decorative Grasses 3 
cách khác dé nhán manh Pampas 33 
tám quan trọng của các từ Fountain Grass 36 
bao gồm: Sử dung đường 


kẻ, hoặc đặt chữ vào các 
Hình Chữ nhật, Hình 2-17 
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Hinh 2-18 


Bài táp 2 


Sử dung các kỹ thuật tương tự như trong Bài tập 1, bạn hãy thiết kế lại 
phán văn bản của mẩu quảng cáo trên báo ở Hình 2-18. Lần này, hãy liệt 
kê những thành phần xếp thứ nhất, thứ hai, thứ ba trong biểu đồ thị giác. 
Tiếp đến, hãy nhấn mạnh trực quan các thành phần đó theo vị trí của 
chúng trong biểu đồ trên. 


Business Loans Can Help You Succeed! 


Funds Available For: 

* small business startup 

* inventory and equipment. 
* working capital 


Small Business Loan Program 
Contact Rey Garcia at 555-5155 


Bài tập 3 


Chọn một tạp chí bạn yêu thích, rồi chọn ra một trang mà bạn tin rằng 
đó là một ví dụ tốt về cách sử dụng sự nhấn mạnh (xin đừng làm rách 
tạp chí đó!). Hãy cắt trang bạn đã chọn ra khỏi tạp chí một cách khéo léo 
(hoặc chụp lại), sau đó dùng bút chì hay bút mực để khoanh lại những 
thành phần trên trang mà bạn nghĩ được áp dụng rất tốt sự nhấn mạnh. 
Vói mỗi thành phán, hãy viết từ một đến hai câu giải thích lý do tại sao 
bạn cho rằng nó được áp dụng rất tốt nguyên lý của sự nhấn mạnh Tây. 


Bài tập 4 


Hãy chọn một nghệ sỹ hoặc nhóm nhạc mà bạn yêu thích và thiết kế một 
tấm vé cho buổi biểu diễn của họ (Bảng màu 2, Chương 10). Địa điểm tổ 
chức có thể lớn hoặc nhỏ, ở địa phương hoặc trên thế giới. Hãy cố gắng 
thể hiện phong cách của buổi diễn thông qua các lựa chọn typography 
và/hoác hinh ảnh để nhấn mạnh những gi ban tin là quan trọng, chẳng 
hạn như tên của buổi diễn, phong cách hoặc địa điểm. Kích thước tấm 
vé do bạn quyết định. Đừng gò ép ý tưởng của bạn về “chiếc vé” bằng 
cách sử dụng kích thước nhỏ. Hãy dùng bất cứ phương tiện nào giúp 
thể hiện tốt nhất ý tưởng của bạn, bất kể đó là bức vẽ bằng chì than 
(charcoal), bản chụp, bản vẽ hay ảnh tạo thành từ máy tính. 


Hinh 3-2 


Dánh giá dáng tám quan trong cüa su tuong phàn 
(contrast). 


e Hiểu rõ tác động của sự tương phản trong thiết kế. 
+ Tim hiểu các kỹ thuật tương phản chính. 


« _ Hiểu và lấy ý tưởng về những ứng dụng hữu ích 
của nguyên lý về sự tương phản thông qua việc 
nghiên cứu các ví dụ trong chương. 


Нау tưởng tượng sự việc sẽ ra sao nếu bạn chỉ dùng mỗi 
món cháo yến mạch đơn giản cho tất cả các bữa ăn trong 
tuần. Hãy hình dung vị khô cứng, sẩn sẩn và nhão nhoét 
của các hạt yến mạch trong miệng; cảm giác nhơn nhớt 
khi thứ ngũ cốc đó trôi xuống cổ họng; những tảng thức 
ăn đó tiêu hóa một cách chậm chạp trong dạ dày của bạn. 
Ban sẽ cảm thấy thế nào sau một tuần - 21 bữa - chỉ ăn 
thứ yến mạch không gia vị và nhão nhoét đó (Hình 3-1)? 
Rát chán (thậm chí là ngán đến tận có khi nghĩ tới), phải 
không? Bạn đã sẵn sàng cho thứ gì đó khác biệt chưa? 


Bây giờ, hãy hình dung ra cảm giác của người xem khí 
nhìn vào một trang mà mọi thành phần trực quan (visual 
element) trên đó đều tita tựa nhau; các chữ có kích thước 
giống nhau, kích thước của ảnh nào cũng tương tự nhau 
và độ rộng của các dòng không hé khác biệt. Đúng là mức 
độ chán ngán khi nhìn vào một trang thiết kế không thể 
sánh được với việc phải ăn 21 bữa cháo yến mach, song 
cũng cán tính đến câu nói mà mọi người vẫn thường tâm 
đắc: Sự đa dạng là gia vị của cuộc sống. Cũng giống như 
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việc ban nóng lòng muốn được thưởng thúc món kem rắc hạt sócóla sau 
một tuần chi ăn cháo yến mạch sån sân, nhon nhớt, khán giả của bạn cũng 
đang mong chờ một thứ gì đó thực sự thú vị về mặt trực quan (Hình 3-2). 


VAI TRÒ CỦA SỰ TƯƠNG PHẢN 


Sự tương phản là một trong những cách nhanh nhất, đơn giản nhất để 
đem lại niềm hứng thú về mặt thị giác cho độc giả và thu hút sự chú ý của 
họ vào trang thiết kế. Sự tương phản thường được sử dụng kết hợp với 
sự nhấn mạnh (emphasis) để tạo ra sự khác biệt giữa các thành phần trên 
trang, đồng thời làm nổi bật những vi trí áp dụng sự nhấn mạnh và tăng 
tính tổ chức về mặt hình ảnh cho trang. Khi mọi thứ trên trang trông 
giống nhau do thiếu sự nhấn mạnh và tương phản, trang sẽ trở nên nhạt 
nhẽo, nhàm chán, đồng thời thiếu một sơ đồ tổ chức rõ ràng. Cuối cùng, 
khi mọi thứ trông đều quan trọng như nhau, làm sao để người xem biết 
được đâu là thành phần quan trọng nhất? Bằng cách nào để họ biết cần 
nhìn vào cái gì trước tiên? 


Bạn có thể tự mình kiểm chứng điểu này bằng cách ngắm thiết kế 
trang ở ngoài cùng bên trái của Hình 3-3. Bạn có phân biệt được đâu là 
hình vuông quan trọng nhất không? Bạn có biết đâu là hình mà bạn nên 
nhìn vào trước tiên? Mọi thành phần trên trang này đều có kích thước 
giống nhau và trông quan trọng như nhau. Trang cũng thiếu sự tương 
phản và không có thành phần nào đóng vai trò là trọng tâm (focal point). 


nOn 


LLLI 
— 


Hình 3-3 Trang bên trái thiếu sự tương phản, cộng với việc các thành phán chưa được căn gióng khiến cho 
trang trông hỗn độn, lộn xộn. Việc bổ sung sự tương phản, giống như các trang ở giữa và trang bên phải, giúp 
trang trở nên lôi cuốn hơn, với các hình tròn trở thành trọng tâm trên trang. 


m 
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Không có trọng tâm, người xem së không biết nên nhìn vào cái gì trước 
tiên và có thể không hiểu được toàn bộ thông điệp. So với trang thứ hai ở 
'Hình 3-3, việc thêm ba hình tròn rỗng vào chính giữa bức ảnh đem lại sự 
tương phản cho trang, các hình tròn này sẽ trở thành trọng tâm trực quan 
của trang. Do thu hút được sự chú ý của người xem, nên ba hình tròn trở 
thành các thành phần quan trọng nhất và sự xuất hiện của chúng khiến 
trang trông trật tự và có tổ chức hơn. Và giờ, hãy nhìn vào trang ngoài 
cùng bên phải Hình 3-3, ở đây có một sự tương phản quá mức về kích 
thước giữa hình tròn lớn và các hình tròn nhỏ, điều này làm tăng thêm 
sự lôi cuốn tổng thể về mặt thị giác của trang. Hinh tròn to có kích thước 
lớn, màu trắng, trong khi các hình vuông nhỏ hơn lại có màu đen, diéu 
này giúp hình tròn lớn thu hút được sự chú ý của người xem và trở thành 
trọng tâm chính trên trang. Dé nâng cao hơn nữa trật tự của trang này, tôi 
đã áp dụng nguyên lý của sự căn gióng (alignment) cho các hình vuông, 
gióng thẳng chúng theo các hàng và cột. Diéu này giúp trang rõ ràng hơn 
đáng kể - không còn lộn xôn như trước và trông ngay ngắn, trật tự hơn 
rất nhiều. Mặc dù chỉ là ví dụ với những hình vuông và hình tròn đơn 
giản, nhưng bạn có thể thấy diện mạo của trang thay đổi như thế nào khi 
áp dụng một nguyên lý thiết kế; khi áp dụng cùng lúc hai nguyên lý hoặc 
nhiều hơn, hiệu quả đem lại sẽ nhân lên gấp bội. 
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Hình 3-4 Sử dụng nguyên lj của sự tương 
phản (tương phản kích thước giữa các ảnh và độ 
dày của các đường kẻ) đi kèm với nguyên lý về sự 
căn gióng, dòng chảy (flow) làm cho trang trông 
rất trật tự và thống nhất. 


NH 
il 
Н 
í 
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GHI CHÚ 


Sử dụng sự nhấn mạnh 
giúp bạn tổ chức các thông 
tin một cách khoa học, đây 
là bước khởi đầu để phân 
biệt những thông tin đó 
một cách trực quan, trong 
khi sự tương phản thực sự 
làm nổi bật nét khác biệt 
về mặt hình ảnh giữa các 
thành phần trực quan. 


Hinh 3-5 Kiểu chữ Script 
đứng sau tương phản một 
cách hài hòa với kiểu chữ 
Sans serif, cân đối và bôi đậm 
đứng trước. 


Tun 
Wide 


Hình 3-6 Tương phản giữa 
chữ mảnh và chữ bold (đậm). 


là 


RES 


P 


Hinh3-7 Họa tiết bên trong 
hình tam giác tương phản với 
hình chữ nhật nền đen và chữ 
bold, làm tăng thêm sức lôi 
cuốn thị giác cho thiết kế. 


Hinh 3-4 cho thấy thiết kế trang trở nên rõ ràng và trật tự như thế nào 
khi áp dụng kết hợp nguyên lý của sự tương phản với các nguyên lý khác. 
Sự tương phản được áp dụng xuyên suốt trang này là sự tương phản giữa 
tiêu để lớn với tiêu để phụ nhỏ hơn và chữ trong phần văn bản nội dung, 
ảnh chú rùa với ảnh chú thỏ, đường kẻ dày với các đường kẻ mỏng hơn. 
Sự tương phản về kích thước giữa các hình ảnh vô hình trung hướng sự 
chú ý của người xem từ vị trí chú rùa xuống dưới vị trí chú thỏ, đồng nghĩa 
với việc hướng người xem vào phần văn bản nội dung (dòng chảy). Dòng 
chảy thị giác (visual flow) của trang còn được nâng cao hơn nữa nhờ sự 
tương phản về kích thước theo cấp bậc giữa các đường gạch trong phần 
đầu, phán thân và phán chân trang. Các đường kẻ có cùng kích thước và 
được căn thẳng (sự căn gióng) khiến trang trông rõ ràng, trật tự. Sự kết 
hợp giữa các nguyên lý của sự tương phản, dòng chảy, sự căn gióng tạo ra 
tính rõ ràng và trật tự cho thiết kế, 


Tương phản xảy ra khi có sự khác biệt đáng kể về hình thức giữa hai 
hoặc nhiều thành phần. Các cách thức tạo ra sự tương phản bao gồm: 


+ Đặt những thành phần rất nhỏ cùng với các thành phần rất lớn 
lên trang, ví dụ như đặt chữ nhỏ với chữ lớn, ảnh nhỏ với ảnh lớn. 


+ _ Đặt TẤT CẢ CÁC KY TU IN HOA (ALL CAPITAL LETTERS) 
cạnh các ký tự thường; những kiểu chữ Decorative cầu kỳ cạnh 
những kiểu chữ Sans serif đơn giản (Hình 3-5). 


• Các dòng chữ đậm đặt cạnh những chữ hoặc dòng chữ mảnh 
(Hình 3-6). 


• Các màu ấm (warm color) với các màu lạnh (cool color); nhüng 
vüng màu don sác (solid color) lón dugc xuyén qua bói các dang 
hinh hoc chúa hoa tiét (Hinh 3-7). 


+ Các côt văn bản doc được phân tách bằng cách đặt xen vào những 
thành phần lớn nằm ngang (như tiêu để, tiêu đề phụ, thậm chí là 
một đường kẻ liền). 


e Сһ màu đen với chữ màu xám nhạt. 


Hãy nhớ rằng, để đạt được độ tương phản mạnh, bạn phải thực sự 
làm nổi bật nét khác biệt giữa các thành phán trực quan. Đừng làm nửa 
vời. Áp dụng sự tương phản giống như việc “có tất cả hoặc không có рї 


CÁC VÍ DỤ VỀ SỰ TƯƠNG PHÁN 
Các trang dưới đây bao gồm một số thiết kế trước và sau khi áp dụng sự 


tương phản. Trong mỗi thiết kế sau chỉnh sửa, tôi sẽ chỉ ra những kỹ thuật 
tương phản khác nhau được dùng để nâng cao thiết kế. 


Ví dụ 1 


Hãy so sánh thực đơn ở Hình 3-8 (bên dưới) với 
thực đơn sau khi thiết kế lại trong Hình 3-9 (bên 
phải). Cả hai thực đơn này đều rất rõ ràng. Khách 
hàng sẽ không gặp quá nhiều khó khăn để đọc 
chúng. Cả hai thực đơn đều sử dụng ít nhất một 
vài kỹ thuật tương phản trong thiết kế. Vậy, thực 
đơn nào trông lôi cuốn hơn và nhờ đó, thu hút 
người đọc hơn? Thực đơn nào đem lại cảm giác vé 
một phong cách rõ ràng hơn, tinh tế hơn? Thật vậy, 
thực đơn đã được trình bày với nhiều sự tương 
phản hơn kèm theo một bố cục dàn trang hấp dẫn. 


Coffee Menu 


Espresso: Who would have thought? Our 
espresso is a teeney-tiny shot of pure energy! $1.50 


Espresso Ristoretto: Whoa Nelly! An even stronger 
pick-me-up! $2.00 


Espresso Macchiato: The pinnacle of espresso. A shot 
of espresso with a bit of steamed milk on top. $2.00 


Cappuccino: Available in a variety of flavors 
including amaretto, mocha, and hazelnut. 
We also have daily specials. $2.00 


Caffe Americano: A shot of espresso cut with 
extremely hot water for a generous serving. $2.00 


Caffe Latte: The milk-and-coffee lover's delight. 
Our best espresso mixed with steamed milk and 
a topping of foamed milk. $1.50 


Plain-Jane Joe: Coffee. Just coffee. Just good coffee. 
In a variety of flavors including amaretto, mocha, 
and hazelnut. $1.00 


The Coffee Fix 3 


Hình 3-8 Thuc đơn này tương đối dé doc, sử dung 
sự tương phản giữa chữ bold (đậm) và chữ regular 
(thường), nhưng chưa thực sự bắt mắt. Việc sử dụng 
kiểu căn giữa làm cho trang trông kiểu cách, thậm chí 
hơi tẻ nhạt. 
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XU E, 


Espresso $150 
Who would have thought? Our espresso is a teensy-tiny. 
shot of pure energy! 


Espresso Ristoretto 5200 


Whoa Nelly! Án even stronger pick-me-up! 


Espresso Macchiato 5200 


The pinnacle of espresso. А shot of espresso with 
a bit of steamed milk on top. 


Cappuccino $200 


Available in a variety of flavors including amaretto. 
mocha, and hazelnut. We also have daily specials. 


Caffe Americano $200 


A shot of espresso cut with extremely hot water for 
a generous serving. 


Caffe Latte $150 


The milk-and-eoffee lover's delight. Our best espresso 
mixed with steamed milk and a topping of foamed milk. 


Plain-Jane Joe $100 


Coffee. Just coffee. Just good coffee. In a variety of 
flavors including amaretto, mocha, and hazelnut. 


| 


Hình 3-9 Sự tương phản kích thước giữa các tiêu 
đề và văn bản thu hút sự chú ý của độc giả. Các 
đường kẻ bên dưới mỗi tiêu đề làm tăng thêm sự 
nhấn mạnh, trong khi sự lặp lại (repetition) áp dụng 
cho các thành phần, giúp tạo nên tính thống nhất 
cho trang. Sử dụng hình ảnh logo như một hình vẽ 
đồ họa làm tăng thêm sức cuốn hút thị giác, đồng 
thời chi phối việc lựa chọn typeface (kiểu chữ) cũng 


như phong cách tổng thể của thiết kế, 
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Vídu2 


Hinh 3-10 minh hoa mót bán báo cáo khá chuán muc. Nó ró ràng, dé 
doc và hiệu quả. Tuy nhiên, nhiều sinh viên nhận ra rằng việc kết hợp 
một bài viết hay, chất lượng với các hình vẽ đồ họa thú vị trên một trang 
được thiết kế tốt giúp truyền tải những hình ảnh tinh tế hơn, nhờ đó có 
thể nâng bài viết lên một tầm cao mới. 


Và bây giờ, trước khi ai đó có ấn tượng không đúng, tôi cần khẳng 
định rằng không hình ảnh đẹp nào có thể thay thế được một bài viết chất 
lượng. Ngay cả các thiết kế đàn trang đẹp nhất, tốt nhất cũng không thể 
che đậy được một bài viết kém. Vấn dé tôi đang dé cập ở đây là, nếu bạn 
đã có một bài viết hay thì tại sao không áp dụng những nguyên lý thiết kế 
được tìm hiểu trong cuốn sách này để làm cho bài viết đó thêm lôi cuốn 
về mặt thị giác? Tại sao không sử dụng các kỹ năng thiết kế mà bạn phải 
rất vất vả mới có được để giúp cho bài viết của bạn thêm nổi bật? 

Нау so sánh bản báo cáo ban đầu ở Hinh 3-10 với bản báo cáo sau 


khi được thiết kế lại trong Hình 3-11. Hai bản báo cáo này có nội dung 
thông tin hoàn toàn giống nhau; tuy nhiên, ở Hình 3-11, sự tương phản 


Animals of the African Savannah: 
Will They Survive the Onslaught of Humans? 


by Sarah Smith 
Aesigneent 3, English 101 


Hinh 3-10 Bản báo cáo với phong 
Cách chuán muc này áp dung su tuong 
phản ở mức tối thiểu, do đó nó không. 
thực sự bắt mắt. 
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giữa phán chữ tiêu dé đậm với phần chữ văn bản nội dung nhỏ hơn, 
cùng với hình vẽ đồ họa đã giúp gia tăng sức lôi cuốn thị giác cho bản 
báo cáo. Nhìn vào tấm ảnh thú vị này, độc giả có thể biết được nội dung 
bản báo cáo nói về động vật hoang dã, ngay cả khi chưa đọc tiêu để báo 
cáo. Để tiếp tục chủ để vé động vật hoang dã, bên cạnh chú hươu cao cổ 
to lớn ở trên cùng của trang, bản báo cáo này còn sử dụng hai chú hươu 
cao cổ nhỏ được bố trí ở hai mặt bên của số trang. Ngay cả việc lựa chọn 
typeface thô sơ, góc cạnh cho phán tiêu dé cũng nhấn mạnh thêm về chủ 


dé động vật hoang dã. 


Hãy so sánh lại hai bản báo cáo ở Hình 3-10 và Hình 3-11. Mặc dù 
đã biết hai bản báo cáo này có cùng nội dung thông tin, song bạn sẽ 
muốn đọc bản nào hơn? Bây giờ, hãy hình dung sự tương phản có thể 
thu hút sự chú ý của độc giả vào một kiểu trang bất kỳ như thế nào - từ 
các bản tin, báo cáo công ty, tờ rơi cho tới những mẩu thư trực tiếp,... 
Ý nghĩa của sự tương, phản là làm cho trang trở nên lôi cuốn về mặt thị 
giác, khiến độc giả phải dành thời gian để chiêm ngưỡng. Dó cũng là 
quan điểm cốt lõi của tôi. Tại sao không sử dụng các nguyên lý thiết kế 
để nâng cao điện mạo cho các trang, khiến chúng trở nên háp dẫn và lôi 


cuốn hơn với khán giả? 


ten guum rium o coti к не дит lim eod, 
тиене nci дики euh sogni quse vola. Dol sanan ru door 


penes t song ht sasana Và des rives Num en gu 


ed ki eng, san chư Là int рди, curie te domi qun. 


Mots c pnis dci logos aaẻ dri 
Wi sis 
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„шен чылы weg cum lach dips ита aa ipe domine iÈ 
ы Mam бн dn ды өөй dog ca gos ди ri Deinem 
кеды endet и seme vt em. УЧ m doo c proe No 
Rs шут дове 
1 longi qi с чыра Did mmc 
wn 
мын айд cao Pec eni des кай. Mun cr pu diei egi V 


nam sa арт eit me diam 


КЕ 


Hình 3-11 Bàn báo cáo được thiết ké 
lại, sử dụng su tương phản và các hình vẽ 
đồ họa. Sự tương phản mạnh hơn giúp 
tăng thêm sức lôi cuốn thị giác cho bản 
báo cáo. 
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Hinh3-12 Thiét ké të roi ban 
dáu. Có mót vài su tương phản 
trong thiết kế này (như kích 
thước của tiêu đề và kích thước 
của văn bản nội dung), song 
vẫn cần phải mạnh hơn nữa, rõ 
hơn nữa, 


Ví dụ 3 


Tờ rơi ở Hình 3-12 có sử dụng một số kỹ thuật trực quan để tổ chức 
thông tin. Dòng tiêu để to và đậm. Các chữ được sắp Xếp vào từng nhóm 
thông tin riêng, Một hinh vẽ đồ họa đóng vai trò là trọng tâm. Vậy, tại 
sao trông nó vẫn có gì đó nhàm chán? 


Mặc dù thiết kế này có một số thành phần cần được thay đổi lại, 
nhưng hai vấn để lớn nhất mà nó gšp phải là việc lựa chọn typeface và 
căn giữa các chữ. Typeface được dùng ở đây rất rõ ràng, dë đọc nhưng 
trông quá đơn giản và mang tính chất công việc. Nên sử dụng những ký 
tự vui tươi hơn một chút, chúng sẽ giúp làm nổi bật chủ đề “Fun in the 
Sun” (tạm dịch: “Vui chơi dưới nắng”). Việc căn giữa càng làm cho toàn 
bộ trang trông nhàm tẻ và kiểu cách, không phù hợp với chủ dé. Có thể 
nói, mặc dù thiết kế này rất dễ đọc nhưng trông vẫn bình thường, tẻ nhạt. 


Hình 3-13 là tờ rơi sau khi được thiết kế lại. Kích thước phán tiêu dé 
lớn hơn đáng kể so với các chữ còn lại; bên cạnh đó, để khiến cho su tương 
phản này thêm phần ấn tượng, nó được đặt vào bên trong một ô màu 
đen, đồng thời được xoay chiều (rotate) để chay doc theo lé trái của trang, 
Trong thiết kế này, việc xoay tiêu để theo chiểu dọc làm tăng thêm cảm 
giác vui tươi cho trang, giống như việc lựa chọn typeface. Tuy nhiên, bạn 


FUN IN THE SUN! 
À 


Preschool Through Preteen. 
Summer Enrichment Workshops 


Workshops Ongoing All Summer 
Fresh Air In Outdoor Classrooms 


Supervised Environment 
Creative Lessons and Activities. 


For More Information Contact 
Sue @ 555-4FUN 
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cán luu ý là việc xoay một lượng lớn văn bản khỏi hướng nằm ngang có 
thể khiến trang trở nên khó đọc (Hình 3-14). Nếu xoay văn bản, hãy cố 
gắng hạn chế lượng thông tin cần xoay. Một kỹ thuật văn bản khác nên 
tránh là xếp các ký tự theo khối đọc (stack). Hình 3-15 là một cụm văn 
bản ngắn áp dụng kỹ thuật này, song bạn sẽ mất nhiều thời gian để đọc 
hơn so với cùng cụm đó nhưng được viết theo chiéu ngang ngay trong 
đoạn này: "Avoid stacking type" (tạm dich: “Tránh xếp các chữ theo khói 
дос”). Hãy tự kiểm chứng điều này bằng cách đọc câu “Avoid stacking 
type" được viết theo chiểu ngang, sau đó so sánh với tốc độ đọc của bạn 
khi nhìn vào Hình 3-15. Có một chút khác biệt, tuy nhỏ nhưng khá đáng 
kể, Với những câu và đoạn càng dài, thời gian đọc càng lâu, khán giả càng 
cảm thấy khó chịu. Hãy thử hình dung xem sự việc sẽ ra sao khi phải đọc 
toàn những câu, hay tệ hơn là đoạn văn với các chữ bị xếp theo khối đọc. 


A 
88885 Y 
8 22928 o 
] 8 9g đã k 
i 
TE н 
> 
HEE 
a 
Preschool Through Preteen LH gỗ FI 5 
Summer Enrichment $ $c 2 t 
Workshops LÊ a 
$522 c 
à < о & © k 
Workshops Ongoing All Summer в ] d B i 
[re n 
For More Information Contact g $ & g 
Sue @ 555-4FUN х 0) = 
E tệ š 
1:88 : 
Fi : 
458 Ë А 
W8. P 
Hình 3-13 - Đây chỉ là một trong số rất nhiều cách khác доз E б е 
nhau để thiết kế lại tờ rơi với mục đích bién nó thành một x = 
thiết ké manh më hơn. Những thay đổi chính trong tờ rơi 8 ® Hình 3-15 Xin đừng 


này bao gồm: Tăng độ tương phản, lựa chọn một typeface làm thế này. Typography 
vui tươi hơn, lặp lại hình ảnh và sử dụng kiểu căn gióng Hình 3-14 Chữ xoay kiểu xếp theo khói dọc rất 
căn đều bên phải. Kết quả là, chúng ta đã có một tỜ гої - ngón nhiều thời gian hơn khó đọc và rất khó để sáp 
được thiết kế rõ nét, thu hút sự chú ý của độc giả. cho việc đọc. xếp sao cho duyên dáng. 
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Ở Hình 3-13, do tiêu để văn bản được đặt vào bên trong một ô lớn 
màu đen, nên phần bên trái của trang trông THỰC SU “nặng nể” về 
mặt thị giác, ba ô màu đen nhỏ hơn được đặt ở phía bên phải nhằm cân 
bằng thị giác cho thành phần này. Việc căn phải phần văn bản còn lại 
cũng giúp cân bằng khối tiêu đề. Để kết nói hai phần của trang, hình 
ảnh mặt trời được phóng to (tương phản về kích thước) và được đặt 
làm nền (background). ỗ vị trí này, nó hình thành nên một “cầu nối” 
thị giác, hướng sự chú ý của độc giả từ nửa bên này sang nửa bên kia 
của trang. 


Rõ ràng, tờ rơi này được thiết kế lại, sử dụng rất nhiều sự tương 
phản về kích thước (size contrast). Tuy nhiên, tương phản về kích thước 
không phải là kiểu tương phản duy nhất được sử dung trong thiết kế này. 
Hình 3-16 chỉ cho bạn thấy cách sử dụng hai typeface khác nhau để tạo 
ra sự tương phản về chữ (type contrast). Có rất nhiều cách khác nhau 
để tạo ra sự tương phản về chữ, và tôi sẽ trình bày chỉ tiết về cách thực 
hiện điểu này ở Phần 2: Cơ bản về Typography. Tuy nhiên, một điều tôi 
muốn nhấn mạnh ở đây là: “Bạn không nhất thiết phải sử dụng duy nhất 
một typeface trong một thiết kế”. Hãy thit nghiệm càng nhiều càng tốt. 
Nhiều người mới vào nghề thường lựa chọn cách an toàn và chỉ sử dụng 
duy nhất một typeface trong các thiết kế của họ. Tuy nhiên, một số hiệu 
ứng chữ đẹp nhất có thể xuất hiện khi bạn tạo ra sự tương phản giữa hai 
typeface hoàn toàn khác nhau (Hình 3-17). 


Preschool Through Preteen 
Summer Enrichment ТИТ 
Workshops 


Clas. 


Hình 3-17 Ví du này thuc sự 
nhấn mạnh sự khác biệt giữa 
các typeface. Ở đây, typeface 
Calligraphy với những đường 
cong tuyệt đẹp tương phản rất 


Workshops Ongoing АП Summer tót vói typeface Sans serif dám 
và góc canh. 


Fresh Air in Out 


J 


Hinh3-16 _ Một phán của Hinh 3-13 được phóng to dé chi cho bạn thấy sự 
tương phản vé chữ được tao ra bằng cách sử dụng hai typeface khác nhau. 
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Ví dụ 4 


Ví dụ ở Hình 3-18 là một thiết kế bảng để tên cho một bản tin điển hình. 
Bảng để tên (nameplate) là một vùng, thường nằm ở trên cùng trang tin 
mặt trước của bản tin, chứa tên bản tin kiểu trang trí. Thiết kế bảng để 
tên ở Hình 3-18 sẽ được lợi từ cả tương phản về kích thước lẫn tương 
phản về chữ. Hãy xem xét bảng để tên được thiết kế lại ở Hình 3-19. Hình 
3-20 cho thấy hai bảng để tên này khi được đặt vào các trang bản tin. 


Hình 3-18 Thiết kế bảng dé tên thông thường trong một 


THE 
CHILI-LOVER'S NEWSLETTER bản tin sử dụng một typeface duy nhất. Do chi sử dung duy 
m E SENER. nhát môt typeface, nén moi thứ chỉ dừng lại ở mức té nhạt. 


Hình 3-19 Để làm cho bảng dé tên thêm nổi bật, ở đây tôi 
đã sử dụng khá nhiều kỹ thuật tương phản khác nhau: Chữ to 


Chili-Lovers với chữ nhỏ, chữ Serif và chữ Sans serif, TẤT СА CÁC KÝ TỰ IN 

HOA với các chữ in thường, chữ màu xám với chữ màu trắng. 
Bảng đề tên này trông vui tươi, cuốn hút hơn và rõ ràng là 
không còn të nhạt nữa! 


Chili-Lovers 


votum Ir EITITLTITETITS 


votum a лаце 2а тїтїгї 


Some Like it Hot: 
Champion 3-Alarm 
сми Ipes 


UNUSUAL CONCOCTIONS 
TOR THE ADVENTUROUS , Unusual Recipes for 


the Adventurou: 


wis соок ота wiru rms 9 
SECRET WEAPON! 
JESN'T HAVE TO вк пот.. 
HERE'S THE BEST BLACK BEAN 
"Ch IN THE RIO GRANDE 
pur 


Hinh3-20 Bàng détén cüng bàn tin ban đầu (bên trái) và sau khi được thiết kế lại (bên phải). Việc sử dụng đa 
dạng các kiểu tương phản khác nhau làm cho trang trông mạch lạc và cuốn hút hơn về mặt thị giác. 


` 
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Ví dụ 5 


Tờ rơi quảng cáo về sản phẩm nền nhà ở Hình 3-21 có typeface tiêu để 
mạnh và có hình ảnh những viên gạch hoa đẩy lôi cuốn, tuy nhiên kích 
thước của các chữ chưa có sự khác biệt rõ nét. Điều này gây khó khăn 
cho khách hàng khi muốn xác định đâu là thông tin quan trọng nhất. 


Bên cạnh đó, tờ quảng cáo này còn sử dụng rất nhiều kiểu căn lé, 
Phần tiêu để được căn giữa, cụm chữ "Carpets" được căn đều bên phải, 
còn cụm chữ “Ask About Our...” được căn đều bên trái. Sử dụng cùng 
lúc nhiều kiểu căn gióng như vậy trong một thiết kế khiến độc giả khó 
đò tìm một hướng di chuyển trực quan (visual path) xuyên suốt cả trang. 
Một kiểu căn gióng mạch lạc sẽ giúp thiết kế này trông thống nhất hơn, 
đồng thời cho phép độc giả dễ dàng dói theo hướng di chuyển trực quan 
Tõ ràng của trang. (Và, có phải bạn đang đọc cuốn sách này chính vì bạn 
muốn kiểm soát được các thiết kế trên trang, nhằm giúp độc giả dễ hiểu 
thông điệp của mình hơn không?). 


8 "Serving Your Flooring Needs” B 


Floors Forever 


Carpets 
Vinyl & Ceramic Tiles 
Hardwood Flooring 


Ask About Our Guaranteed. Replacement. 
Lifetime Installation Warranty 
Guaranteed Lowest Prices 


1-800-555-5555 
8 ойон, Ayti | 


Hình 3-21 Tờ rơi quảng cáo này sử dụng quá 
nhiều kiểu căn gióng: Căn đều bên trái, căn đều bên 
phải và căn giữa, điều này làm cho thiết kế trang 
trông có vẻ lộn xôn. Mặc dù có một số điểm tương 
phản, nhưng chúng đã bị suy yếu khá nhiều do 
thiếu tính trật tự về mặt thị giác. Việc đơn giản hóa 
kiểu căn gióng sẽ giúp cho Sự tương phản thêm rõ 
ràng và làm cho tờ quảng cáo thêm mạch lạc. 


Floors Forever 


"Serving Your Flooring Needs“ 
% Carpets 
Ф Vinyl & Ceramic Tiles 


9 Hardwood Flooring 


1-800-555-5555 


2600 Main Street. Downtown, Anytown 


+ Aa About Dor Guaranteed Replacement > 
Lifetime Installation Warranty > Guaranteed Lowest Prices 


Hình 3-22 Tờ quảng cáo được thiết kế lai trông 
lôi cuốn hơn nhờ sử dụng tương phản về kích 
thước, tương phản về chữ và tương phản về họa 
tiết (texture contrast). Phần lớn thiết kế này sử dụng 
một cách căn gióng mạch lạc, duy nhất, từ đó giúp 
cải thiện và nâng cao đáng kể tính tổ chức cho tờ 
quảng cáo. 


ё 
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Hinh 3-22 là tờ rơi quảng cáo sau khi được thiết kế lai. Tờ quảng cáo 
ban đầu có một số đặc điểm rất cuốn hút, một vài trong số đó được sử 
dụng lại trong thiết kế mới. Ví dụ, thiết kế mới vẫn dùng typeface ban 
đầu, nhưng kích thước của chúng đã được thay đổi, thông tin ưu tiên có 
kích thước lớn nhất để thu hút sự chú ý; tên gian hàng vẫn được hiển thị 
nổi bật giống như số điện thoại; địa chỉ gian hàng là một phần không thể 
thiếu của tờ quảng cáo, song có kích thước nhỏ hơn mà vẫn dễ đọc. Một 
số thông tin có kích thước hiển thị nhỏ hơn so với các thông tin khác 
là điều rất bình thường - nếu ai đó cán, họ vẫn có thể dễ dàng tìm thấy 
những thông tin này. Dĩ nhiên, bạn không muốn sử dụng chữ quá nhỏ 
tới mức làm khó khách hàng như ở Hình 3-23. 


Tò quảng cáo ở Hinh 3-22 còn sử dụng một kỹ thuật tương phản nâng 
cao khác - đó là tương phản về họa tiết (texture contrast). Trong thiết kế 
này, những mẫu gạch hoa ban đầu tạo cảm hứng cho việc sử dụng một 
mảng nén gạch mà khi đặt gần nhau, chúng tạo nên một dải họa tiết lặp lại 
(textural pattern). Kết cấu này tạo sự chuyển đổi giữa họa tiết với không 
có họa tiết trong các hình thoi. Nhờ có nguyên lý của sự lặp lại, việc sử 
dụng các hình thoi làm biểu tượng đánh dấu đầu dòng hướng sự chú ý 
của người xem xuống phía dưới trang. Рё tăng thêm sự thống nhất cho 
trang, các hình thoi đầu dòng lặp lai hình dạng của những hình thoi trong 
dải họa tiết. Việc sử dụng họa tiết trong mảng nền gạch trải dọc một bên 
trang cung cấp một vién rất đẹp để căn lé cho các chữ. Ngoài ra, việc sử 
dụng kiểu căn gióng căn đều bên trái rõ ràng và các hình thoi nhỏ còn 
giúp hướng sự chú ý của độc giả từ đầu đến cuối trang một cách tự nhiên. 


Thái et epe Эй тө кый and si аво о. 


This is 6 point type. Better, but still tiny. 


"This is 8 point type. 8 to 12 point is considered standard 
sizes for body copy. 


Hinh3-23 Chữ quá nhỏ sẽ rất khó đọc. Da số độc 
giả thường bỏ qua những chữ quá bé. Đó có lẽ là lý 
do giải thích vì sao các hợp đồng thường sử dụng 
kích thước chữ không theo chuẩn. 
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PHÂN TÍCH CẤU TRÚC TRANG NÂNG CAO tương phản 


Mục Phân tích cấu trúc trang nâng cao về sự tương phản này sẽ trực tiếp 
chỉ ra những vấn để về typography, bố cục và concept ở Hình 3-24. Hãy 
so sánh những điểm chưa đạt trong Hình 3-24 với thiết kế trang được 
cải tiến ở Hình 3-25. Việc nhấn mạnh độ tương phản giữa các chữ và 
hình ảnh ở Hình 3-25, cùng với việc sắp xếp lại bố cục, đã cải thiện 
đáng kể thiết kế trang này. 


Việc đặt văn bản “A special exhibit for Valentine's Day” - tạm dic! 
“Một triển lâm đặc biệt dành cho Ngày lễ Tình yêu” nằm thẳng 
hàng với phần văn bản còn lại là một giải pháp bố cục an toàn. 
Điều đó là tốt, hiệu quả nhưng thực sự thì bạn có thể làm tốt 
hơn nữa. 


Font Century Schoolbook Bold Italic 
được sử dụng cho tiêu dé có dạng ký ty cong (ví 
du như chữ“V”) dem lại cảm giác thân thiện và 
; mềm mạt: Khá phủ hợp với tinh thần của Ngày 

lễ Tình yêu. Nó còn phối hợp rất tốt với font chữ 

của phần văn bản nội dung, Myriad, cũng như 

hình ảnh chú nhận. Tuy nhiên, đây là một lựa 

. chon an toàn, khóng giúp nhán manh concept 

Love Bites ggi cảm giác hơi ròn rợn của dé tài "Love Bites" 
(tam dịch: “Những vết cần tình yêu”. Ngoài ra, 


sự tương phản giữa tiêu để và phần văn bản nội 


dung vẫn chưa đủ mạnh. 
Le A special exhibit for bp e =з 
“жо 

Valentine's Day. 

This exhibit explores ancient links between bugs and love. Historic 

recipes for bug aphrodeslacs are demonstrated and, as a real treat, Hình ảnh chú nhện thông báo một cách trực 

chocolate-covered crickets will be served by the platter! quan cho người xem rằng buổi triển lãm này 
hướng đến chủ đề về côn trùng. Thiết kế ổn, 

Œty7oo nhưng lại thiếu đi khí thế và sự tương phản. 

For couple reservations call 1-555-555-5555 

Dòng văn bản bên dưới chữ “City Zoo” (tạm dịch: "Sở thú thành 

phố') có vẻ như là một y nghĩ muộn màng và thiếu đồng nhất 


với phần văn bản còn lại, một phần do khoảng trống phía trên Fed н MGR NÉS una т 


chü"City Zoo" glóng nhu mót“con muong” phân chia thị giác trên и 
bó cuc. Dòng văn bản bên dưới chữ“City Zoo” còn nằm quá sát Ba O a AU d on Mad die 
viền dưới cùng của tờ quảng cáo, như thể nó thuộc về đường bao. MO donit để nho Erin hơi và dé 
xung quanh tờ quảng cáo chứ không phải là một phần của văn ly khó chịu, iis 

bản nội dung bên trên. 9 a 


Hinh3-24 Phiën bàn ban dáu cüa trang cho thấy nhiều vấn dé về chữ, bố cục và concept. 


Việc tăng kích thước của chú nhện đã tăng sự tương phản và sức 
cuốn hút thị giác cho tờ quảng cáo. Việc đặt chú nhện ở vị trí mà 
hai chân trước của nó đang vươn tới dòng tiêu dé “Love Bites” 
khiến độc giả muốn biết liệu chú nhện này đang chuẩn bị ôm và 
hôn, hay vó và nhai rào rao. Mục đích mơ hồ này giúp nhấn mạnh 
thêm concept đẳng sau văn bản dòng tiêu dé. 


This exhibit explores ancient links between bugs and love. 


For couple reservations call 1-555-555-5555 


Việc thay đổi font của phần văn bản nội dung bên 
dưới chữ "City Zoo” thành font tương tự được sử 
dụng trong văn bản “A special exhibit for” giúp 
củng có hơn nữa sự thống nhất trực quan trên 
trang. Việc sử dụng cùng kiểu chữ italic cho văn 
bản bắt đầu và kết thúc trang tạo nên một khung. 
trực quan ảo (subtle visual bracket), giúp trang 
trông tinh tế hơn. Đây là mức độ tỉnh vi trong việc 
điều khiển nghệ thuật typography nâng cao. Vii 
di chuyển dòng vẫn bản này lên trên một chút giúp. 
kết női nó với phán văn bản nội dung còn lại. 
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[— Khoảng trống giữa các chân vươn dài của chú 
nhện làm nảy ra một giải pháp mới cho việc định 
vị đoạn văn bản này. Vién bên trái của các chữ“A” 
và chữ "V* nằm thẳng hàng với viền trái của chữ 
“B” trong từ“Bites; nhờ vào sức mạnh của việc cân 
gióng, giúp những tù này có sự liên kết, gia tàng sự 
rõ ràng, mạch lạc cho bó cục trang. 


Việc giảm kích thước của dấu nháy đơn và dấu 
chấm đã làm giảm mức độ nhấn mạnh, đỡ gây cảm. 


giác khó chịu. 


Font esterplller trông rất bát mắt, các sọc trên font 
bát chước những đường vàn trên chân của chú 
nhện (sự lặp lại). Kích thước lớn hơn của dòng tiêu 
đề này tương phản tốt hơn với kích thước của phán 
văn bản nội dung. Tính chất kỳ дис của font trong 
phần tiêu để cũng nhấn mạnh concept rờn rợn của 
cụm từ “Love Bites’. 


Việc bổ sung ảnh chú dé nhỏ, với phong cách 
minh họa tương tự ảnh chú nhện, song có sự 
thay đổi kích thước giữa chú nhện và chú dé, giúp 
nâng cao sự tương phân trên trang. Vị trí của chú 
dế được sắp đặt một cách cố ý để phần râu của 
nó khé chạm vào chữ “p” của tử “platter” (“chiếc 
dia"), điều này giúp nhấn manh concept cho dòng 
văn bản nội dung cuổi cùng “chocolate-covered 
crickets will be served by the platter” (tạm dịch:” 
những con dế phủ sócóla được bày biện trên dia”). 
Việc đặt ảnh chú dể tại vị trí này cũng làm giảm 
khoảng trắng ở dưới cùng tờ quảng cáo, giúp loại 
bỏ vấn đề mà phiên bản trước gặp phải. 


Hình 3-25 _ Phiên bản trang sau khi thiết kế lai đã khắc phục những vấn đề chỉ ra ở Hinh 3-24. Việc áp dụng 
nguyên lý của sự tương phản đã giúp nâng cao tính thẩm mỹ cho thiết kế trang. 
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TÓNG KÉT 


Đừng ngại sử dung sự tương phản mạnh trong chính các trang thiết kế 
của bạn. Sử dụng tương phản mạnh là cách nhanh nhất, hiệu quả nhất 
để thu hút sự chú ý của khán giả vào trang của bạn và để tổ chức thông 
tin một cách trực quan. Những thiết kế có ít sự tương phản thường 
không đa dang và trông nhàm chán. Hãy thử áp dung các kỹ thuật tuong 
phản về kích thước, màu sắc, typeface, mức độ weight (chữ bold với chữ 
regular) và thậm chí là tương phản họa tiết trong các trang của bạn. Hãy 
nhớ, nếu hai thành phán không cần phải trông giống nhau, hãy làm cho 
chúng trông thực sự khác biệt. 


CÂU HỎI TRẮC NGHIỆM SỐ 3 
Điền đáp án thích hợp vào chỗ trống, sử dung các từ trong danh sách sau: 
Màu sắc Tổ chức 
Sự tương phản Kích thước 
Bảng để tên 
1. Những trang mà mọi thứ trên đó đều có cùng kích thước, cùng 
typeface, cùng màu sắc sẽ không có và trông nhạt 
nhéo, nhàm chán. 
2. Thêm sự tương phản cho một trang có thể cải thiện dáng kể 
—— của trang. 
3. Thiết kế của một bản tin chứa tên bản tin theo kiểu 


trang trí và thường được đặt ở trên cùng hoặc chạy dọc một bên 
trang trước. 


4. Bạn có thể sử dụng các kiểu tương phản khác nhau: Tương phản 
về họa tiết, tương phản về tương phản về 
tương phản vé mức độ weight (chữ bold với chữ regular) và thậm 
chí là tương phản về typeface để nâng cao tính thẩm mỹ. 


5. Hãy thiết kế lại danh sách ở Hình 3-26, sử dụng sự tương phản. 
Нау cải tiến cách tổ chức của danh sách này thông qua việc áp dụng 
nguyên lý của sự tương phản cho các tiêu để phụ. Ở đây, tôi sẽ gợi 
ý một số phương pháp để giải quyết vấn dé này; hãy chọn cách phù 
hợp nhất với bạn. Nếu sở hữu cuốn sách này, bạn có thể vẽ trực tiếp 
lên trang hoặc lấy một mẩu giấy can trong suốt (tracing paper) và 
một chiếc bút chì để vẽ lại các thành phần trong danh sách; hoặc, 
bạn cũng có thể gõ lại danh sách vào máy tính, sử dụng một kiểu 
font tương tự (không cần phải chính xác). Bất kể bạn dùng phương 
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thúc nào, háy diéu chinh các thành phán trong danh sách dé táng dó 
tuong phán bàng cách vàn dung mót só hoác tát cà nhüng kj thuát 
trực quan sau: 


• Làm cho một số chữ to hơn. 

• Làm cho một số chữ đậm hơn. 

• _ Vẽ các đường kẻ bên dưới chữ đầu muc. 
+ Thêm màu sắc. 

• _ Đặt một số chữ vào các ó. 


Drawing Tools 
Pencils 


Pens 
Chalk 


Painting Tools 
Brushes 
Palette 
Palette Knives 


Hình 3-26 
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A mel 
Нешо health 


Rocks newsletter 


Sticks & Stones 


HE 
Party ii Baking Contest 
. A Yov're invited 
attic 
newsletter RocKS 


HEALTH 


Baking Contest 


Party attic 


Hinh 3-27 
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BÀI TÀP 


Bài tập 1 


Hãy phối hợp các cụm từ trong Hình 3-27 bằng cách vẽ lại (đồ lại) chúng 
với một mẩu giấy can trong suốt và bút chì hoặc bút dạ; hoặc, bạn có thể 
sao chụp lại, cắt chúng ra rồi ghép lại với nhau; hoặc, nếu chịu khó hơn 
nữa, hãy scan (quét) lại trang này, sau đó tăng giảm tỷ lệ kích thước của 
chúng, sử dụng một chương trình xử lý ảnh (image-manipulation) như 
Photoshop. Hình 3-28 chỉ ra hai giải pháp lắp ghép các cụm từ. Ở đây, 
nhà thiết kế đã chọn cách phóng to trang, sử dụng máy photocopy, sau 
đó vẽ lại các chữ bằng một chiếc bút dạ màu đen ngòi nhỏ. Hãy cố gắng 
vận dụng các typeface có độ tương phản, mức độ weight và kích thước 
khác nhau để tạo ra ít nhất sáu phương án phối hợp khác nhau. Việc kết 
hợp để tạo ra những cụm từ có ý nghĩa là không cẩn thiết, hãy cứ vẽ lại 
các từ và chú ý tới sự tương phản với mắt nhìn của bạn. Những phương 
án phối hợp nào đạt được sự tương phản mạnh nhất? Tại sao? 


newsletter 


oure iWited 


Hình 3-28 Hai trong ső 
nhiều cách dé giải Bài tập 1. 
Ở đây, nhà thiết kể chủ ý chỉ 
vé lại các nét của từ “Party” 
('Bữa tiệc") để thử nghiệm sự 
tương phản. 
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Hinh 3-29 Chú méo Fluffy 
có thể bỏ rơi ban nếu chú ta 
có trí khôn. Trong ví dụ này, 
nhà thiết kế (một người sinh 
ra đã sở hữu sự khéo léo bẩm 
sinh) dùng kéo để cắt chữ 
tù các tạp chí, đồng thời thử 
nghiệm với sự tương phản 
để tạo ra thông điệp mang 
phong cách ransom. 


Bài tập 2 


Нау tìm những ví dụ văn bản thú vị trong các tờ tạp chí và báo, trong đó 
nhấn mạnh sự tương phản, sau đó cắt rồi dán chúng lên một trang theo 
phong cách ransom (không để lại dấu vết hay khả năng người khác có 
thể tìm được mình). Sử dụng những tác phẩm typography mà bạn tìm 
thấy để tạo ra một cụm từ hoặc một câu ngắn kể về một câu chuyện. 
Đừng sử dụng những logo, logotype (kiểu chữ cho logo) hoặc slogan 
(khẩu hiệu) đã được đăng ký nhãn hiệu cho dự án này; hãy hướng tới 
xây dựng các tiêu để, tiêu để phụ và văn bản nội dung cho bài tập này. 


Hình 3-29 minh họa một giải pháp khả thi cho bài tập trên. Trong 
hình, nhà thiết kế đã thử nghiệm sự tương phản, không chỉ thông qua sự 
thay đổi về kích thước của các chữ mà còn thông qua việc lựa chọn font 
cũng như sử dụng nền (background) giấy màu xám, tạo ra một mức độ 
khác của sự tương phản giữa nền, mẩu giấy được cắt và các ký tự. Ngoài 
ra, nền màu xám làm nổi bật những viền cắt ngẫu hứng của các trang và 
tạo ra phong cách ransom cho trang. 
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Bài tập 3 


Chọn hai hoặc ba ký tự và sử dụng font, kích thước, họa tiết/cấu trúc bể 
mặt, họa tiết lặp lại hoặc màu sắc để minh họa sự tương phản. Bạn có thể 
sử dụng những ký tự mà mình tìm được và cắt ra từ các tờ tạp chí hoặc 
báo; bạn có thể tô màu hoặc vẽ các ký tự; hoặc, bạn cũng có thể dùng 
máy tính để tạo ra chúng. Hãy giới hạn tác phẩm trong một hình vuông, 
tập trung vào việc sắp xếp những letterform tương phản bên trong định 
dạng này: Không bao giờ là quá sớm để tập trung vào việc nâng cao các 
kỹ năng về thiết kế dàn trang. 


SU CÂN BẰNG 


• Tim hiểu thêm về sự cân bằng (balance) và đánh 
giá đúng tầm quan trọng của nguyên lý này. 

• Tìm hiểu tác động của sự cân bằng trong thiết kế. 

• Xác định hai kiểu cân bằng chính: Cân bằng đối 
xứng (symmetrical balance) và cân bằng bất đối 
xứng (asymmetrical balance). 

» Khám phá trọng lượng thị giác (visual weight) là gì 
và ảnh hưởng của nó đối với thiết kế như thế nào. 

e Phân tích các cách phối hợp màu sắc (color) với 
sự cân bằng. 

• Làm quen với sự cân bằng thông qua việc nghiên 
cứu nội dung và các ví dụ trực quan trong chương. 

e Sù dụng các bài tập trong chương để ứng dung 
nguyên lý của sự cân bằng vào những giải pháp 
trực quan thực tế của riêng bạn. 


Hãy hình dung bạn đang tới thăm căn hộ của một người 
bạn mới quen và nhận thấy toàn bộ đồ đạc trong phòng 
khách được xếp dồn vào một bên tường. Những chiếc 
ghé chồng lên nhau theo khối dọc, chiếc ti vi và máy 
thu phát băng video cassette cùng năm chậu cây cảnh 
đặt trên ghế sofa, một tấm thảm được vắt lên giá sách 
đặt trên chiếc bàn trà, rồi một chú mèo đứng trên đỉnh 
chồng băng cassette bấp bênh đang nhìn bạn một cách 
khó chịu (Hình 4-1). Suy đoán (bằng tư duy lôgíc nhanh 
nhạy) rằng người bạn của mình vừa chuyển đến căn hộ 
này, bạn nói: “Căn hộ đẹp quá! Nó sẽ là một nơi rất tuyệt 
sau khi đọn đẹp và trang trí xong. Bạn chuyển tới đây 
khi nào váy?" 


“Tôi ở đây được 5 năm ró, người bạn mới quen đáp lại, đưa mắt 
nhìn bạn một cách khác lạ. 


Một chút bối rối, bạn hỏi lại: “Bạn đang trang trí lại cán hộ hay lau 
chùi thảm phải không?” 


“Không, phòng khách của tôi lúc nào cũng thế đấy. Tại sao bạn lại hỏi 
vậy?”, người bạn mới quen đáp một cách hoài nghỉ. 


Với cái nhìn nhạy bén, bạn nhanh chóng nhận ra rằng người bạn của 
mình có phần... lập dị. Có lẽ đã đến lúc ra về, 


Bây giờ, hãy hình dung xem bạn sẽ thấy thế nào khi đọc một trang mà 
trong đó, tiêu để, văn bản và các ảnh đều bị dôn kín về một góc nhỏ. Việc 
cố gắng tìm ra thông điệp của trang khi mọi thứ đều kết tụ vào một góc 
nhỏ có thể gặp nhiều khó khăn. Thậm chí, điều đó còn khiến bạn cảm thấy 
không thoải mái - và trên tất cả, đó rõ ràng là một trang lập di. Có lẽ bạn 
sẽ muốn đặt ngay trang đó xuống mà không cần phải đọc, đúng chưa nhỉ? 

"Thú mà phòng khách của người bạn mới quen và thiết kế trang này còn 
thiếu chính là sự cân bằng. Bố trí mọi thứ giãn ra một chút để đạt được sự cân 
bằng tốt hơn có thể giúp cải thiện rất đáng kể cho cả hai trường hợp nêu trên. 
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Hình 4-1 
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Visual Weight 
Visual Weight 
Visual Weight 
Visual Weight 


Hình 4-2 Bốn phương án 
khác nhau của trọng lượng 
thị giác. 


VAI TRÒ CỦA SỰ CÂN BẰNG 


Cũng giống như phòng khách, bố cục trang thiết kế cần đạt được sự cân 
bằng để tiện dụng và hiệu quả hơn. Mọi người sẽ cảm thấy thoải mái hơn 
với những thiết kế cân bằng (balanced design) và dë bị cuốn hút vào việc 
đọc trang hơn. Một thiết kế cân bằng trông có vẻ thấu đáo và hoàn thiện 
hơn so với một thiết kế thiếu cân bằng (unbalanced design). 


Thiết kế cân bàng là thiết kế mà tại đó, trọng lượng thị giác của tất cả 
các thành phán được căn đều trên toàn bộ bố cục. Trọng lượng thị giác 
(visual weight) là ảo giác của khối lượng vật lý của từng thành phần trực 
quan trên trang. Ví dụ, dòng tiêu dé đậm có trọng lượng thị giác mạnh 
hơn so với dòng ghi tên tác giả có kích thước nhỏ hơn nhiều. Một hình 
vẽ dó họa màu đỏ có trọng lượng thị giác cao hơn so với vẫn hình vẽ đồ 
họa đó nhưng màu xám. Một bức ảnh chụp thú vị có trọng lượng thị giác 
mạnh hơn so với văn bản nội dung, bởi chúng ta có xu hướng nhìn vào 
các hình ảnh trước khi nhìn vào văn bản. Kích thước, màu sắc, họa tiết 
của một thành phán trực quan góp phần tạo nên tác động thị giác mà 
người xem cảm nhận được (Hình 4-2). Bốn dòng chữ ở Hình 4-2 minh 
họa các trọng lượng thị giác khác nhau. Cả bốn dòng chữ đều có kích 
thước 26 point: Hai dòng trên cùng sử dụng font Gill Sans Regular, hai 
dòng dưới sử dụng font Gill Sans Extra Bold. Nếu để ý kỹ, bạn sẽ thấy mắt 
mình nhanh chóng bị thu hút bởi dòng extra bold (siêu đậm) thứ hai từ 
dưới lên. Đó là vì màu đen và mức độ weight lớn hơn bình thường của 
dàng này có trọng lượng thị giác mạnh nhất, đồng thời thu hút sự chú 
ý của người xem nhanh hơn so với những dòng có màu nhạt hơn khác. 
Hai dòng chữ màu xám có trọng lượng thị giác yếu nhất, mặc dù có cùng 
kích thước và mức độ weight với hai dòng ở giữa. Tất cả các thuộc tính 
(attribute) góp phần tạo nên trọng lượng thị giác đều phải được xem xét: 
Mỗi thành phần có một trọng lượng thị giác riêng, đồng thời phải được 
cân bằng và đối trọng lại bởi những thành phần trực quan khác trên trang. 


Da số người mới bắt đầu thiết kế hoặc sẽ chọn cách co cụm tất cả các 
từ và hình vẽ dó họa lại với nhau (có lẽ để an toàn?), hoặc sẽ căn đều 
chúng trên toàn bố cục trang như thể để lấp đầy tất cả các góc. Cả hai xu 
hướng dàn trang này đều không được tổ chức rõ ràng, khiến độc giả gặp 
khó khăn trong việc tìm hiểu thông điệp của từng trang. Điều cần làm 
ở đây là phải sắp xếp cân bằng, thấu đáo các thành phần trực quan trên 
trang, nhằm tránh chita ra những khoảng trống rộng hoặc những vùng 
dày đặc các thành phần khác. 


Trước khi cố gắng đạt đến sự cân bằng, bạn cần quyết định những từ, 
cụm từ, hình vẽ đổ họa nào cán nhấn mạnh và các thành phần thuộc về 
nhau. Hãy nhóm các thành phần liên quan một cách lôgíc và đặt chúng 
ở gần nhau, ví dụ: Các hình ảnh với dòng chú thích, bản đồ với lời chú 


giài,... Khi bắt đầu nhóm các thông tin lại với nhau, bạn 
cán đối trọng lại nhóm thông tin đó bằng một thành 
phần hoặc một nhóm thông tin khác. 


CÂN BẰNG ĐỐI XỨNG VÀ CÂN BẰNG BẤT 
ĐỐI XỨNG 


Các nhà thiết kế trang có thể đạt được sự cân bằng 
thông qua việc sử dụng hoặc bố cục đối xứng hoặc bổ 
cục bất đối xứng. Cân bằng đối xứng (symmetrically 
balanced) là bố cục mà ở đó, các thành phần trực quan 
được bố trí cân bằng theo trục giữa hoặc trục ngang của 
trang. Bạn có thể tạo ra một bố cục đối xứng theo cách 
rất đơn giản: Chỉ cần vẽ một đường tưởng tượng chia 
đôi trang ở chính giữa trang và sắp xếp các thành phần 
trực quan giống nhau hoặc tương đồng phân bố đều bai 
bên đường trục này (Hình 4-3). Đây là phương thức tạo 
ra một thiết kế trang nhanh gọn, đơn giản. Do được tạo 
ra rất dé dàng, nên đa số người mới bắt đầu thiết kế đều 
phụ thuộc rất nhiều vào các bố cục đối xứng, căn giữa. 
Các bố cục đối xứng hay căn giữa vốn không có gì sai, 
song những trang căn giữa thường trông có vẻ kiểu cách, 
trang trọng và cứng nhắc. Nói cách khác, những bố cục 
này thiếu đi tính năng, động cũng như năng lượng trực 
quan. Bố cục đối xứng là giải pháp an toàn cho bạn. 
Bố cục cân bằng đối xứng là lựa chọn phù hợp khi bạn 
muốn mang đến cho khán giả cảm giác trang trọng, 
truyền thống hoặc kiểu cách. Mặt khác, nếu muốn có 
một thiết kế năng động hơn, có thể bạn sẽ muốn thử một 
bố cục bất đối xứng. 


Trong cân bằng bất đối xứng (asymmetrically 
balanced), các từ, cụm tit và hình vẽ đồ họa được sắp 
xếp không cân đối giữa hai bên của đường trục tưởng 
tượng; tuy nhiên, trọng tâm vẫn là để đạt đến sự cân 
bằng hài hòa (Hình 4-4). Trong bố cục đối xứng, nếu 
có một ảnh động vật nằm ở góc dưới cùng bên trái của 
trang, nó sẽ phải được đối trọng (hay cân bằng) bởi một 
ảnh có kích thước tương tự nằm ở góc dưới cùng bên 
phải. Trong một bố cục bất đối xứng, một ảnh động, 
vật có thể được cân bằng bởi một hoặc nhiều mẩu chữ, 
ảnh chụp, hình dạng (shape), sự phân cấp màu (color 
gradation), họa tiết, hoặc bằng cách nhóm các hình động 
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Hình 4-3 Một bố cục đối xứng về cơ bản là 
như nhau ở cả hai bên trái và phải. 


Breast Cancer 


Practice Early Detection. 


Hình 4:4 Trong một bó cục bát đối xứng, 
hai bên trái và phải có những thành phần trực 
quan khác nhau mà một nhà thiết kế giỏi sẽ 
phải cố gắng để cân bằng chúng. 
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vật nhỏ hơn lại (Hình 4-5), Những lựa chọn đa dang không có giới hạn 
này khiến việc tạo ra các bố cục bất đối xứng trở nên khó khăn hơn, do 
kích thước, màu sắc, tỷ lệ của từng thành phần trực quan phải được cân 
nhắc và định lượng dựa trên trọng lượng thị giác của những thành phán 
khác trên trang. Tuy nhiên, bù lại thì các bố cục bất đối xứng trông sẽ khó 


đoán và năng động hơn. 


# у 


ĐÔI LỜI VỀ TY LỆ 


làm nổi bật hiệu quả của sự cân bằng trên một trang phụ thuộc rất 
nhiều vào việc xác định đúng kích thước cho tất cả các thành phần trực 
quan - các từ, cụm từ và hình vẽ đồ họa - bạn phải định hình thành 
các mảng trống. Việc xác định đúng kích thước hay tỷ lệ (proportion) 
của các thành phán trên trang có nghĩa rằng, bạn phải quyết định cần 
nhấn mạnh những thành phần nào để biểu thị chúng là quan trọng nhất. 
Nhưng, làm sao để quyết định một dòng tiêu dé lớn tới mức độ nào là 
đủ? Hoặc, một đường kẻ dày như thế nào thì đủ? Hay một ảnh to như 
thế nào mới đủ? Những chỉ tiết này rất khó xác định, bởi sự thành công 
tổng thể của một bố cục phụ thuộc vào mối tương quan giữa kích thước 
định dạng và hình dang, cũng như các thành phán trực quan trên trang. 
Không may là, không có lựa chọn nào tốt hơn cho bạn ngoài việc thực 
hành. Nhằm làm nổi bật sự cân bằng hiệu quả trên một trang, bạn cẩn 
thận trọng cân nhắc vị trí đặt, kích thước và tỷ lệ của tất cả các thành 
phần trực quan trên trang. Để sắp xếp cân bằng các thành phần trực 
quan trên trang, bạn cẩn có thời gian và phải thực hành nhiều. 

Không có đáp án tuyệt đối đúng hoặc tuyệt đối sai trong thiết kế. Chỉ 
thử nghiệm. Hãy lạc quan. 
Нау quan sát những gi người khác đang làm và thử nghiệm vài ý tưởng 


có những giải pháp tốt hoặc chưa tốt. Hãy 


cüa ho ë thiét ké trang tiép theo cüa ban. Di nhién, ban khóng muón 
“đạo” thiết kế của người khác, chỉ là mượn ý tưởng và thể hiện nó theo 
cách của riêng bạn. Đừng thất vọng nếu các trang mà bạn tạo ra chưa 
cuốn hút như mong đợi - bạn luôn có khả năng làm tốt hơn với thiết kế 
tiếp theo. 


CÁC VÍ DỤ VỀ SỰ CÂN BẰNG 


Những trang tiếp theo sẽ nhấn mạnh một số vấn để quan trọng cẩn cân 
nhắc trong nỗ lực tạo ra một thiết kế cân bằng. Khi xem xét các ví dụ 
này, hãy nhớ rằng những trang gặp vấn để với sự cân bằng thường gặp 
các vấn dé về mặt hình ảnh khác, chẳng hạn như tuong phản, dòng chảy, 
nhấn mạnh và những nguyên lý thiết kế khác. Tuy việc khắc phục vấn dé 
cân bằng là rất cần thiết, song điểu này thường đòi hỏi nhà thiết kế phải 
điều chỉnh lại ít nhất một số phần của thiết kế. 


Ví dụ1 


Thiết kế trang ở Hình 4-6 có nhiều thiếu sót liên 
quan đến các vấn dé vé cán gióng, kích thước 
chữ và sự cân bằng. Việc khắc phục những vấn 
dé cụ thể của thiết kế trang này đòi hỏi phải thay 
đổi kích thước và sắp xếp lại các chữ, tuân thủ 
theo các nguyên lý của sự cân bằng, căn gióng 
cũng như tương phản. 


Một trong những vấn dé chính của thiết kế 
trang ở Hình 4-6 là thiếu một phương án cán 
gióng rõ ràng. Thiết kë này sử dụng cả hai kiểu 
căn giữa và căn đều bên trái trên cùng một 
trang, do đó trông rất thiếu chuyên nghiệp. 
Khoảng cách được giãn một cách vụng về giữa 
phần tiêu để và hình vẽ dó họa tạo nên những 
khoảng trắng quá rộng. Khoảng trắng (white 
space) là vùng không gian trên trang không 
chứa bất cứ thành phần trực quan nào như văn 
bản, hình ảnh hoặc đường kẻ. Có vẻ như nhà 
thiết kế đang muốn làm cho thiết kế trang thêm 
vui nhộn và năng động, song kết quả thu được 


ANCIENT ARTWORK 
$TUNS WORLD! 


believe cave painting is a self-portrait! 
Viewityourself and wonder. 


Gallery open 8-5 daily. 
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= s d EAE Hinh4-6 Trang này sử dung quá nhiều phương án căn 
lại là một sự lộn xộn thiếu cân bàng. Một số nhà - gióng Phán tiu dé được căn đều bên tái nhưng lại được 
thiết kế cho rằng, việc sử dung vài phương án đấy sang bên phải, hình ảnh được căn trái, các phần nội 
căn gióng trong cùng một trang có thể đem lại dung còn lại thì được căn giữa. 


^ 
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MÁCH NHỎ 

Nếu bạn không thực hành 
nhiều hơn thì hãy cứ trung 
thành với một phương án 
căn gióng rõ ràng, mạch lạc. 


MÁCH NHỎ 


| Các hình ảnh mà Bàn muốn ˆ 


_ đưa vào thiết kế phải nhấn 
manh thêm cho thông điệp, 
Đừng để những hình ảnh 
này lấn át hoặc làm sai lệch 
thông điệp của bạn, 


cảm giác năng động và “hơi hướng” hiện đại, nhưng việc kết hợp vài 
phương án căn gióng trên cùng một trang sao cho hiệu quả là rất khó, 
Trong đa số trường hợp, việc sử dụng nhiều hơn một kiểu căn gióng văn 
bản trên cùng một trang chỉ khiến cho người xem có cảm giác như nhà 
thiết ké không quyết định được mình nên đặt các chữ ở vị trí nào. Lựa 
chọn một kiểu căn gióng rõ ràng, ví dụ như căn đều bên trái, căn giữa 
hoặc căn đều bên phải, đồng thời trung thành với lựa chọn đó sẽ giúp cải 
thiện đáng kể diện mạo của trang, đem đến cho người xem cảm giác như 
nhà thiết kế đang làm chủ thiết kế trang của họ. 


Một vấn để lớn khác mà trang này gặp phải là kích thước của tất cả 
các chữ đặt cạnh nhau gần như bằng nhau và kết quả là trông chúng đều 
quan trọng như nhau. Các chữ tiêu để phải lớn và nổi bật hơn những 
chữ ở phán văn bản nội dung để người xem có thể đọc lướt qua trang, 
đồng thời nhanh chóng nắm được cốt lõi của thông điệp ngay từ dòng 
tiêu dé. Sau đó, họ sẽ quyết định dòng tiêu để có đủ hấp dẫn để họ tiếp 
tục đọc hay không. Khi các chữ trên trang có kích thước gần như bằng 
nhau, người xem sẽ mất nhiều thời gian hơn để có thể hiểu được thông 
điệp chính của trang. Nếu thiết kế trang của bạn buộc người xem phải 
làm việc quá nhiều, thông điệp mà bạn muốn truyền tải có thể bị bỏ qua. 
Nhiều độc giả có thể quay lưng lại ngay với sản phẩm thiết kế khi nội 
dung thông tin không được Sắp xếp rõ ràng. 


Thiết kế trang ở Hình 4-7 đã khắc phục được những vấn để về căn 
gióng và tương phản kích thước chữ trong Hình 4-6. Kiểu căn gióng 
mạch lạc đã nâng cao ấn tượng tổng thể cho thiết kế trang; tuy nhiên, 
nó vẫn chưa được cân bằng do khoảng trắng bên trái quá rộng. Việc 
sắp xếp lại toàn bộ chữ cùng hình vẽ đồ họa trên trang theo kiểu bố cục 
đối xứng và căn giữa có thể giải quyết được vấn để về căn gióng, đồng 
thời loại bỏ khoảng trắng này nhưng sẽ khiến trang trông tẻ nhạt, kiểu 
cách. Bên cạnh đó, hướng chuyển động đường cong lệch tám (off-center 
curvilinear movement) mạnh mẽ của hình vẽ đồ họa chú thần làn khiến 
ta liên tưởng đến một bố cục bất đối xứng như giải pháp ở Hình 4-7 sẽ 
phù hợp hơn, giúp tăng sức mạnh thị giác cho hình vẽ dó họa này. Hơn 
nữa, phương án căn giữa sẽ mâu thuẫn với các đường cong của chú thần 
lần, gây cản trở cho sự di chuyển thị giác mạnh mẽ của nó. Do уду, một 
bố cục cân bằng bất đối xứng sẽ là lựa chọn phù hợp cho bức ảnh này 
hơn so với một bố cục cân bằng đối xứng. 


Уап trung thành với quyết định lựa chọn một bố cục bất đối xứng, 
Hình 4-8 đưa ra một giải pháp khác về cơ bản giống với bố cục trong 
Hình 4-7, nhưng bổ sung thêm một thành phán trực quan giúp giải 
quyết vấn để với khoảng trắng quá rộng ở bên trái - đó là một thanh. 
răng cưa màu đen. Thanh răng cưa này chạy đọc bên trái trang, chiếm 


mót phán cüa khoáng tráng dư thừa, giúp cân bằng với sự nặng, nể về 
mặt trực quan ở bên phải trang. 'Thanh răng cưa được tạo ra bằng cách 
sao chép và lặp lại thanh răng cưa bên trong hình vẽ đồ họa chứa chú 
thần lần. Việc lặp lại một thành phẩn trực quan khiến cho thiết kế trang 
trông có vẻ thống nhất hơn. Vién răng cưa còn làm. người xem liên tưởng 
đến sự gó ghé trong các bức tường hang động, điều này gắn liền với sử 
hình dung tới các artwork vẽ trong hang động (cave painting artwork). 
Sử dụng thanh răng cưa còn đem lại một lợi ích khác là hướng sự chú 
ý của người xem ngược trở lên phía dòng tiêu để: Mắt của độc giả sẽ dói 
theo đường cong lung của chú thắn lần xuôi đọc xuống phía đuôi, sau 
đó chuyển hướng sang thanh ràng cưa màu đen, cuối cùng hất lên phía 
trên dòng tiêu để. Đây là một “thủ thuật nhà nghế” được các nhà thiết kế 
chuyên nghiệp sử dụng: Xác định một hướng di chuyển thị giác (visual 


ANCIENT ARTWORK 
$тим$ WORLD! 


— 


ANCIENT ARTWORK 


—— 
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$TuNs WORLD: 


Hình 4-7 Trang đã được chỉnh sửa, Việc lựa chon Hình 4-8 Việc bó sung thêm thanh гапо cua màu 
phương án căn đều bên phải và thay đổi kích thước đen giúp cân bằng bổ cục bất đối xứng này. 


chữ giúp cải thiện đáng kể thiết kế trang; tuy nhiên, 
khoảng trắng dư thừa bên trái khiến trang chưa đạt 
được sự cân bằng. 


E 
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path) ró ràng trong mót büc ành và đặt bức ảnh đó giữa các thành phần 
khác trong bố cục một cách có chủ đích, nhằm định hướng thị giác của 
người xem xung quanh trang. Tuy nhiên, không phải bức ảnh nào cũng 
mang lại hiệu quả, chỉ những bức ảnh có một hướng chuyển động rõ 


Ví dụ2 


Ó ví du 1, huóng di chuyén thi giác rõ ràng có sẵn trên hinh vé đồ họa 
đóng vai trò quan trọng trong việc quyết định nên chọn bố cục đối xứng 


xứng. Nếu phần cốt lõi của thông điệp mang tính thân mật, lập đị hay 
táo bạo hơn thì sức mạnh trực quan năng động của một bố cục bất đối 
xứng có thể giúp củng cố nhiều hơn cho thông điệp đó. Nếu thông điệp 
vừa mang tính trịnh trọng vừa táo bạo thì phương án cân bằng nào cũng 
phù hợp - và điều này tùy thuộc ở bạn. 


Ró ràng, thông điệp của trang ở Hình 4-9 về quảng cáo diệt côn trùng 
(“Kill them all” - tạm dịch: “Hãy giết sạch chúng”) mang tính lập di và tác 
giả đã chọn cách sử dụng một bố cục cân bằng bất đối xứng. Sự cân bằng 
bất đối xứng của trang có hiệu quả tốt, song chúng ta vẫn có thể làm tốt 
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nhau. Xung đột này trông rất vụng, về; thêm vào đó, kích thước tuong 
đương giữa các hình vẽ đồ họa và dòng tiêu dé khiến trang trở nên lộn 
xôn. Giảm kích thước của một trong những thành phần trên sẽ giải quyết 


được sự xung đột này, đồng thời giúp giải tỏa cảm giác 


tù túng trên trang. 


Hình 4-10 là trang sau khi được thiết kế lại. Việc thu nhỏ kích thước 
của các chú côn trùng mở ra một số khoảng trắng rất cán thiết, khiến 
trang trông đỡ chật chội hơn và loại bỏ sự xung đột giữa phần tiêu để 
với các hình vẽ đồ họa. Kích thước của phần văn bản nội dung được thu 
nhỏ một chút đã một lần nữa tao thêm các khoảng trắng cho thiết kế. 
Typeface mới đem lại cảm giác mới mẻ và thú vị cho trang. Sử dụng các 
kích thước chữ khác nhau ở phần tiêu để giúp nhấn mạnh thêm những 
từ quan trọng, đem lại cảm giác hiện đại, vui vé. Việc đặt các chữ tiêu 
để chạy theo đường chéo trên trang giúp tăng thêm sự cân bằng bất đối 
xứng của trang, tăng thêm cảm giác về sự năng động mạnh mẽ của cho. 


tổng thể bố cục trang. 


Kill Them. 
Kill Them All. 


(555) 296-5555 
Bugs Away! 


Hinh 4-9 Thiét ké bát dói xúng ban dáu có su 
tuong phàn; tuy nhién, néu nhà thiét ké táo bao hon 
trong việc lựa chon và thử nghiệm nhiều hơn với các 
kiểu chữ sẽ giúp tăng thêm sức cuốn hút về mặt thị 
giác cho trang. 


Tormented by pesky bugs! 
Tired of watching your house 
become the playground of 
disrespectful insects? 

Call Bugs Away! for quick, 
bug-kiling service. 


Bugs Away: 


Hình 4-10 Việc thay đổi typeface, thu nhỏ kích thuóc 
của các hình vë đồ hoa côn trùng, tăng độ tương phản 
giữa dòng tiêu đề với hình vẽ đồ họa côn trùng và thử 
nghiệm đặt chữtiêu dé chạy theo đường chéo trên trang 
đã thực sự cải thiện trang thiết kế ban đầu ở Hình 4-9. 


^ 
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AC 


ë 


Hình 4-11 Đặt chữ chạy 
theo đường dốc hướng lên 
trên mang một ý nghĩa tích 
cực và mạnh mẽ. Các chữ 
trông năng động như đang 
di chuyển về phía tương lai 
với một nguồn năng lượng 
dồi dào, 


Hình 4-12 Đừng đánh 
lệch (stagger) các chữ di, 
trông nó rất kỳ cục và khó 
khăn cho việc bố trí hài hòa 
trên trang, 


MÁCHNHÓ о 
Thêm hiệu ứng bóng đổ 
| đẳng sau một thành phần 
tao nên cảm giác “có chiều 
sâu: Xô nghiêng các thành. 
phán khỏi phương ngang 
và phương. đọc giúp gia 
tăng tính năng động, mạnh. 
mẽ cho bố cục. - 


Các bố cục đối xứng thường chứa một hoặc nhiều thành phần chạy 
theo đường chéo, nhưng đôi khi lại không phải như vậy, mà có thể là chữ, 
hình vẽ đồ họa, đường thẳng, ảnh chụp hoặc những thành phần trực 
quan khác được đặt chéo tại một góc của trang. Việc xô nghiêng (skew) 
các thành phần trực quan khỏi vị trí nằm ngang và dọc đem lại cảm giác 
năng động, tăng tính chuyển động cho trang (Hình 4-11 và Hình 4-12). 
Những đường thẳng nằm theo chiều ngang hoặc dọc trông có vẻ ổn định, 
vì chúng khiến ta nhớ tới các hướng di chuyển vật lý hàng ngày khi đi doc 
theo sàn nhà. Các đường chéo đem đến cảm nhận rõ ràng về sự mạnh 
më, bởi những đường này đem lại cho ta cảm giác như thể chúng đang 
đổ về phía phương ngang hay lật về phía phương dọc mang tính ổn định 
hơn. Bạn có thể tận dụng thói quen tâm lý này bằng cách đặt các thành 
phần trực quan theo đường chéo để làm cho chúng trông thú vị và năng 
động hơn. Chỉ duy nhất một thành phần có thể được đặt chéo theo một 
góc, nhưng bạn cũng có thể xô nghiêng toàn bộ bố cục trên trang. Việc 
thêm một hiệu ứng bóng đổ (drop shadow) đằng sau toàn bộ một thiết 
kế có bố cục được xoay nghiêng đem đến cho người xem ấn tượng rằng 
thiết kế đó như đang sắp nhấc bóng lên khỏi bé mặt trang (Hình 4- 13). 


(555) 235-5555 


Bugs Away! 


Hinh4-13 Hiëu úng bóng dó tao ào giác (illusion) dói 
tugng nhu dang sáp nhác bóng lén khói bé mát trang. 


Vídu3 


'Thiết kế một trang dat được su cân bằng tốt nghĩa là nhà thiết kế phải xử 
lý khéo léo trọng lượng thị giác của tất cả các thành phán trực quan trên 
trang. Bỏ qua trọng lượng thị giác của các thành phần sẽ dẫn đến một 
bố cục thiếu chuyên nghiệp và mất cân bằng. Các thành phần trực quan 
trên trang có được trọng lượng thị giác là nhờ vào họa tiết, kích thước, 
giá trị về hòa sắc (tonal value) hoặc màu sắc của chúng. Các dòng tiêu 
để có trọng lượng thị giác lớn nhất, bởi chúng thường có màu đen hoặc 
màu khác, lớn hơn văn bản nội dung và được tạo kiểu bold (đậm), thậm 
chí italic (nghiêng). Ảnh chụp, tranh minh họa và hình vẽ đồ họa có các 
vùng sáng tối thu hút sự chú ý của người xem. Số lượng dày đặc các dòng 
văn bản trong một cột hình thành nên những vùng màu xám nhạt hơn 
cần được cân bằng với các dòng tiêu để cũng như hình vẽ đồ họa (Hình 
4-14). Những vùng không có thành phán trực quan nào hình thành nên 
các khoảng trắng, Ngay cả những vùng trống của khoảng trắng cũng phải 
được tính toán và cân bằng với các vùng có trọng lượng thị giác khác. 


Trinh tự mà độc giả nhìn vào trang phụ thuộc vào mật độ của trong 
lượng thị giác trên trang. Nếu trang chỉ có hai màu đen trắng, độc giả sẽ 
nhìn vào các vùng màu đen đậm đặc trước tiên, tiếp đến là những vùng 


yganic veni: 
тра аса: 


teneur adipsicing elt, sed đam wl быу conquenius niil impe doming id 
рине nibh euismod. Tempor inci quod. Tempor inci dant et abore ut 


dunt ex labore ut dolors magna ali dolom magna ali quam erat volupat. 

quam erat volpa, Duis vel эше me Duis vel autemeum irure dolor intu. 

tam irure dolor in henderit nonumy: hend erit in nonumy. Lorem ipsum 
dolor sit amet, con veceeur adip 
бою elit, sed diam vulputate nibh 
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чарами nibh cơmmod. Tempor inci 
onim velit ене conseq dunt et labore ut dolors magna ali 


Hình 4-14 Hình này có ba vùng chính 
với trọng lượng thị giác khác nhau: Tiêu 
đề, hình vẽ đồ họa và văn bản nội dung. 
Dòng tiêu đề với các ký tự cong bay bồng, 
kích thước lớn, được tạo kiểu bold và ital- 
ic sẽ thu hút sự chú ý của độc giả trước 
tiên, đồng thời có trọng lượng thị giác 
lớn nhất. Các vùng sáng tối ở tranh minh 
họa trông rất thú vị và cũng tạo nên trọng 
lượng thị giác riêng. Các cột văn bản nội 
dung, với những dòng chữ dày đặc nối 
tiếp nhau, giúp hình thành nên một vùng 
màu xám (hãy nhìn liếc để thấy rõ vùng 
màu xám hơn). 


^ 
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GHI CHÜ 


Đối với nhiều độc già, các 
trang toàn văn bản với 
đoạn nối tiếp đoạn tạo nên 
cảm giác “phải làm việc” 
Mặc dù việc khiến độc giả 
phải “lao động” một chút 
không có gì sai, nhưng 
nếu có thể khiến các trang 
thêm lôi cuốn chỉ bằng 
một chút thay đổi đơn 
giản, chẳng hạn như bổ 
sung một thành phần trực. 
quan thú vị, thì tại sao bạn 
lại không thử? 


màu xám nhạt hơn, sau cùng là các khoảng trắng. Nếu trên trang có các 
màu khác, độc giả sẽ chú ý tới màu đầu tiên, thứ hai là vùng màu den 
đậm đặc, thứ ba là vùng màu xám và cuối cùng là khoảng trắng. Việc sử 
dụng quá nhiều màu sắc tại một điểm có thể làm cho bố cục trang mất 
cân bằng. Quá nhiều màu đen có thể khiến trang trông rối mắt. Quá 
nhiều màu xám sẽ khiển trang trở nén të nhạt. Quá nhiều khoảng tráng 
ở những vi trí không phù hợp sẽ tạo ra sự thiếu cân bằng và lộn xón trên 
trang, cũng giống như khi bạn lạm dụng quá nhiều màu sắc, màu đen 
hay màu xám vậy. 


Nếu có thể, hãy cố gắng tránh tạo ra những trang chỉ chứa văn bản nội 
dung. Các cột văn bản hình thành nên một tông màu xám (gray tone) mà 
da số độc giả sẽ hiểu rằng họ “phải làm việc” Sự të nhạt ảm đạm của một 
trang toàn màu xám được tạo nên bởi các dòng văn bản nội dung nối tiếp 
nhau: Việc đọc văn bản nội dung tốn rất nhiều công sức và độc giả cán 
nhiều thời gian hơn để có thể vượt qua thử thách đó. Để phá vỡ sự đơn 
điệu và giúp gia tăng sức cuốn hút thị giác cho trang, bạn có thể thêm một 
số ảnh, hình vẽ đồ họa hoặc chí ít là một số kiểu thành phần trực quan như 
đường kẻ. Các thành phán trực quan có thể là những đường thẳng, hình 
dạng, hình ảnh, tiêu để, văn bản nội dung hay những đối tượng riêng biệt 
khác, hoặc có thể là một nhóm đối tượng nằm cạnh nhau đủ gần để độc 
giả có thể cảm nhận đó là một thành phần đơn nhất, ví dụ như nhóm văn 
bản nội dung, Việc bổ sung các thành phần trực quan giúp thu hút và duy 
trì sự quan tâm thích thú của độc giả đối với trang. 


Đôi khi, nội dung trang có thể khiển nhà thiết kế có rất ít lựa chọn để 
thêm vào các thành phần trực quan. Trong trường hợp này, việc thêm các 
thành phán trực quan nhỏ như đường kẻ hay ó đồ thị vẫn có thể giúp cải 
thiện một trang lớn chứa toàn văn bản nội dung. Hình 4-15 cho thấy một 
trang nhàm chán đã được cải thiện ra sao ngay sau khi bổ sung một số 
thành phần trực quan đơn giản. Hãy so sánh trang toàn văn bản bên trái 
với trang bên phải ở Hình 4-15. Việc thêm các đường kẻ, hình vẽ đồ họa. 
chú hươu cao cổ nhỏ cùng những cột văn bản giúp trang bên phải trở nên 
lôi cuốn hơn so với trang bên trái chỉ trình bày dày đặc các dòng văn bản. 
Viéc chia văn bản thành các cột và mở rộng lé trang tạo thêm nhiều khoảng 
trắng, đem lại một “điểm nghỉ ngơi dễ chịu” cho mắt độc giả. Ấn tượng 
tổng thể mà chúng ta có được là một trang thiết kế chặt chẽ và tỉnh tế hơn. 


Trang thiết kế có nhiều hình vẽ đồ họa, hình ảnh và tranh minh họa 
sẽ thu hút sự chú ý của độc giả nhanh hơn so với các trang gồm toàn văn 
bản. Trên tất cả, một hình ảnh có thể nói thay hàng nghìn từ. Hơn nữa, 
nếu chỉ có ngôn từ thì không phải lúc nào thông điệp cũng có thể được 
truyền tải thành công. Các hình vẽ đồ họa, tranh minh họa cũng như ảnh 
chụp được lựa chọn kỹ và chứa đựng nhiều thông tin có thể giúp tạo ra 
một kênh thông tin khác, có tác dụng củng cố, giải thích thêm cho những 
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phán phúc tạp, khó diễn tả bằng lời của thông điệp, giúp độc giả nắm bát 
thông điệp tốt hơn. 

Ban có thể tu mình kiểm chứng điều này theo cách rất đơn giản. Hãy 
tìm một tờ nhật báo và đọc lướt qua mục nội dung của trang nhất. Bạn 
nhìn vào đâu trước tiên? Đa số mọi người sẽ nhìn vào các dòng tiêu để 
và hình ảnh trước tiên, sau đó mới đến phần văn bản nội dung màu xám. 
Chọn một câu chuyện có ảnh chụp, tranh minh họa hoặc biểu đồ. Hãy đọc 
nội dung, sau đó nhìn vào hình ảnh. Bạn có hiểu câu chuyện đó rõ hơn sau 
khi đọc cả nội dung lẫn xem hình ảnh không? Nếu trang đầu tiên không 
có bất cứ hình ảnh hay tranh minh họa nào thì trông nó ra sao? Nó có rõ 
ràng như vậy nếu thiếu các thành phần trực quan này không? Và giờ, hãy 
nhìn vào các mục báo giá cổ phiếu. Hãy để ý trang chỉ toàn một tông màu 
xám và trọng lượng thị giác gần như đồng đều trên toàn bộ trang. Hãy cố 
gắng đọc các chỉ số cổ phiếu. Chúng có thë đọc được, nhưng bạn phải mất 
nhiễu công sức để giải mã hơn so với một trang chứa ảnh chụp, hình vẽ đồ 
họa hoặc tranh minh họa trên đó. Các trang có trọng lượng thị giác khác 
nhau lôi cuốn sự chú ý tốt hơn so với những trang có trọng lượng thị giác 
đồng đều, ví dụ như trang báo giá cổ phiếu. 


Lorem ipium dolor sit amet, con ес teteur adipsicing et, ed diam vulpatate 


"th eusnod. Témpor ioi dn ot hos ut dolors magna di quam crat volupt.. Lorem ipsum dolor өй amet conse. jus, conqueniua nibil норе doming id 
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Main tieu ponin diet omnis yal ptas Ti ponin diet omni Dais vl em. series d dm val 
ема ic dolor hene a nont dit ык cum ua V m жа, con иш alpine, мабни spin Тиң dam ы 
dolor faciscti at vero eos. Nam eu feugiat mulla liber tempor, cum solutanobis sed diam vulpatate nibh едой. nt et labore ut dolors magna aliquam 
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сца Vd dum dr бера м vero wa Nam ex Mesa бон ponsin би omnia vol зараба, си poia diet ormai- 
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Hinh4-15 Trang té nhạt với dày đặc chữ bên trái nhanh chóng được cải thiện khi thêm một vài đường kẻ và 
hình vẽ đồ họa nhỏ (bên phải). 
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Hay tao ra nhiéu bàn thiét kë vói hai màu den và tráng nhát 


Cách kinh té nhát dé tao ra mót trang là in hoác ché ra bàn chi sit dung 
hai màu den và tráng. Đừng thất vọng, có rất nhiều cách để biến những 
“màu sắc” này thành lợi thế của bạn và làm nổi bật thiết kế trang. Bạn có 
thể thử một số kỹ thuật sau để biến tấu với các “màu sắc” này: 


* Sù dụng những hinh dạng màu đen, màu nền đơn sắc hoặc hình 
chữ nhật hoặc màu kết hợp chữ màu trắng để làm nổi bật. 


+ Thử sử dung các đường kẻ dày màu xám, những đường kẻ móng 
màu đen hoặc ngược lại. Hãy tương phản các đường kẻ dày với 
những đường kẻ mỏng. 


* Sử dụng các màu chuyển tiếp (gradation) từ trắng tới đen trong 
các đường kẻ, chữ, hình dạng và màu nền. 


+ Thử sử dụng các bức ảnh, tranh minh họa sử dung dải tông màu 
xám rộng. 


* Sù dụng nhiều khoảng tráng. 


Ví dụ 4 


Khi sử dụng màu sắc trên trang, hãy cân nhắc tới mức độ tác động thị 
giác (visual impact) mạnh mẽ của màu sắc. Màu sắc giúp thu hút sự chú 
ý, làm cho các thành phần trông nổi bật hơn, có thể giúp tổ chức và tạo ra 
sự thống nhất cùng sức cuốn hút thị giác cho trang. Lựa chọn đúng màu 
sắc cho thông điệp là vấn để rất quan trọng, cũng giống như để đạt được 
một bố cục cân bằng về màu sắc. Một lỗi mà những người mới bắt đầu 
thiết kế thường mắc phải là sử dụng các đốm màu (spot of color) cô lập 
trên trang, hoặc kết tụ một số đốm màu gần nhau tại một vùng. Đây là 
xu hướng khá dễ nhận biết một khi đã được chỉ ra, đồng thời cũng rất dễ 
để né tránh. Chỉ cán trải rộng (spread) màu sắc thay vì co cụm (clump) 
chúng vào một vùng. 


Hãy quan sát Hình 4-16. Trong bài tập này, bạn sẽ được yêu cầu làm 
một số việc với chiếc bút dạ hoặc bút chì màu, bởi phần này của cuốn 
sách được in hai màu đen trắng. Nếu đây không phải là sách của bạn 
hoặc bạn đang có ý định bán lại nó, hãy sao chụp rồi tô màu cho Hình 
4-16 (và Hình 4-17) trong bài tập này. Hãy tô màu cho hình vẽ dó hoa 
chiếc lá và từ “Fall Festival? (tạm dịch: “Lễ hội Mùa thu”) với một chiếc 
bút đạ màu đỏ hoặc cam. Việc tô màu cho một vùng trong hình này bỗng 
dưng khiến cho phần bên dưới trang trở nên lấn át và nặng nề về mặt 
trực quan, đúng không? Thực sự thì nó quá nổi bật và nặng nể. Nhóm 
gồm các hình vẽ dó họa và chữ được tô màu ở bên đưới trang phải được 
cân bằng với một chỉ tiết màu sắc khác xuất hiện ở đâu đó trên trang. 
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Pick a Pumpkin 


Lorem ipsum dolor sit amet, con secteteur adipsicing elit, sed diam vulpatate 
nibh euisnod. Tempor inci dunt et labore ut dolors magna. 


Corn Husking and Beer Brewing 


Vel illum dolor faciscti at vero eos. Nam cu feugiat mulla liber tempor, 
cum solutanobis eligent optius, conquenius nibil impe doming id quod. 


Apple Harvest 
Plecat possin diet omnis. Lorem ipsum dolor sit amet, con secteteur adipsicing elit 
sed diam vulpatate nibh euisnod. Tempor inci dunt et labore ut dolors magna ali 


quam erat volupat. Duis vel autemeum irure dolor in henderit in nonumy velitt. 


Fall Colors Scavenger Hunt 


Duis vel autemeum irure dolor in henderit in nonumy velit esse consequat. Vel illum 
dolor faciscti at vero eos. Nam eu feugiat mulla liber tempor, cum solutanobis. 


ESI 


| Fall Festival 


Hình 4-16 Tô màu đỏ hoặc cam cho những chiếc lá và tiêu đề "Fall Festival” khiến phần bên. 
dưới trang trở nên nặng nề về mặt trực quan. 


= 
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[Calendar of Events Ed 


Pick a Pumpkin 


Lorem ipsum dolor sit amet, con secteteur adipsicing elit, sed diam vulpatate 
nibh euisnod. Tempor inci dunt et labore ut dolors magna. 


Corn Husking and Beer Brewing 


Vel illum dolor faciscti at vero eos. Nam eu feugiat mulla liber tempor, 
cum solutanobis eligent optius, conquenius nibil impe doming id quod. 


Apple Harvest 

Plecat possin diet omnis. Lorem ipsum dolor sit amet, con secteteur adipsicing elit, 
sed diam vulpatate nibh euisnod. Tempor inci dunt et labore ut dolors magna ali 
quam erat volupat. Duis vel autemeum irure dolor in henderit in nonumy velitt. 


Fall Colors Scavenger Hunt 


Duis vel autemeum irure dolor in henderit in nonumy velit esse consequat. Vel illum 
dolor faciscti at vero eos. Nam eu feugiat mulla liber tempor, cum solutanobis, 


sở C 0 


Fall Festival | 


Hinh 4-17 Tó màu cho những chiếc lá, tiêu dé "Fall Festival" và hinh vuông bao quanh cụm từ 
“Calendar of Events" (tạm dịch: "Lịch Sự kiện") giúp tạo ra sự cân bằng màu sắc. 
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Bây giờ, mời ban quan sát Hinh 4-17. Hãy tô màu đỏ hoặc cam cho 
hình vẽ chiếc lá, các từ “Fall Festival” và hình chữ nhật bao quanh từ 
“Calender of Events” Bạn thấy rằng, chỉ cán tô màu cho một thành phần 
khác là có thể cải thiện đáng kể sự cân bằng màu sắc trên trang. Một khái 
niệm đơn giản được đưa ra ở đây: Màu sắc có sức mạnh rất lớn, có thể 
thu hút sự chú ý, song cũng có thể lấn át trang, thiết kế nếu màu sắc trên 


trang không được cân bằng. 


Ví dụ 5 


Đôi lúc, khi làm việc với một thiết kế trang, bạn có thể bắt gặp một bức 
ảnh mà phong cách và bố cục sắp xếp của ảnh đó gợi ý một giải pháp 
cân bằng cho chính trang đó. Bức họa bằng than chì ở Hình 4-18 là một 
trường hợp như vậy: Hình vẽ chân dung người phụ nữ chiếm phần lớn 
bên trái của trang cùng với một khoảng trống bên phải có kích thước 
thay đổi được. Chính không gian bị chiếm và khoảng trống như vậy đã 
làm cho phần bên trái bức vẽ trông, áp đảo hơn về mặt trực quan, dẫn tới 


sự mất cân bằng. 


Khoảng trống trong một bức hình không phải lúc nào cũng xấu và 
gây khó chịu. Ưu điểm của khoảng trống trong một bức hình là có thể 
đem lại cho bạn cơ hội đưa nội dung thông tin, thậm chí là các hình vẽ 
đồ họa khác vào một cách sáng tạo. Tám bưu thiếp ở Hình 4-19 đã phát 
huy lợi thé của cơ hội sáng tạo này khí dùng khoảng trống rộng bên phải 


Hình 4-18 Bức hình ban đầu. Khoảng trống rộng 
bên phải làm cho bức hình thiếu sự cân bằng. 


Quick sketch 
Portraits by Lisa 


Over 15 years 
experience creating 
Portraiture Art 


NS PAPE 
ES 


Charcoal + Pastels * Ой 


Hình 4-19 Bức hình được sử dụng trong tấm bưu 
thiếp. Việc bổ sung chữ vào khoảng trống giúp tổng 
thể trang trông cân bằng hơn. 


E 


4 
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làm nơi đặt văn bản, từ đó giúp cân bằng tổng thể bố cục. Bức hình cũng 
được thay đổi kích thước để bao trùm toàn bộ mặt trước của tấm bưu 
thiếp. Typeface viết tay với họa tiết phác thảo được chọn phối hợp rất 
tốt với các đường nét của bản vẽ. Ngoài ra, kiểu dáng của các ký tự từ 
dày tới mỏng của letterform cũng mô phỏng các đường chì từ đậm đến 
nhạt trong bức hình. Văn bản dàn khắp khoảng trống trong bức hình, 
cân bằng với chân dung của người phụ nữ. Để khớp với hình dạng của 
bức hình, nhà thiết kế đã cho phép dòng văn bản “Call for Appointment” 
(tạm dịch: “Gọi điện để hẹn hờ”) lùi vào một chút, đồng thời bị đẩy 
vào bởi đường vẽ cánh tay. Nhà thiết kế có thể tránh khỏi việc phá vỡ 
phương án căn gióng, vì mặc dù những chữ này bị lùi vào một chút so 
với các chữ còn lại, song vẫn được gắn chặt vào đường vẽ cánh tay. Trong 
thiết kế bưu thiếp này, nhà thiết kế đã biến điểm yếu cơ bản của bức vẽ - 
đó là có quá nhiều khoảng trống - thành một thế mạnh. 


One Small Planet 


Join the Cleanup 
à billion ind 
Sur 


home. Pick up trash in 


Earth Day 


Hình 4-20 Апһ ban đầu ở bên trái có rất nhiều khoảng trống liền mạch. Vị trí bất đối xứng của văn bản được 
tính toán cẩn thận trong tấm poster ở bên phải giúp giữ nguyên cảm giác khoáng đạt. 


Một số nhà thiết kế tìm kiếm những bức ảnh chứa nhiều khoảng 
trống với mục đích sử dụng khoảng, trống đó để thêm nội dung thông 
tin. Bức ảnh ở Hình 4-20 là ví dụ tốt về một ảnh chứa nhiều khoảng 
trống hữu dụng (nhằm mục đích chơi chữ). Khoảng trống rộng làm 
cho bức ảnh trông nổi bật, ấn tượng và nhà thiết kế có thể biến nó 
thành thế mạnh về phong cách cho thiết kế trang của. mình. Cảm giác 
không gian rộng mở này vẫn được giữ nguyên ở Hình 4-20 bên phải, 
mặc dù bức hình đã được thêm nội dung thông tin. Thông điệp của 
trang được chủ ý giữ thật đơn giản và đảo thành màu trắng để tối thiểu 
hóa vùng dành cho chữ. Việc đặt chữ màu trắng trên nền đen cho phép 
màu nén len lỏi qua các letterform, giúp duy trì ấn tượng về một không 
gian liền mạch. Việc quyết định nơi đặt văn bản bị ảnh hưởng mạnh 
mẽ bởi vị trí của hình ảnh Trái đất nằm ở góc trên cùng bên trái trang. 
Do ảnh Trái đất nằm cố định ở góc trên cùng bên trái, nên việc đặt văn 
bản ở góc dưới cùng bên phải giúp cân bằng tổng thể bố cục sắp xếp 
của trang. Ngoài ra, tính ngắn gọn của văn bản kết hợp với sự cân bằng 
bất đối xứng tổng thể góp phần đem lại cảm giác tinh tế và ấn tượng 
cho trang, 


Một hình ảnh không cân bằng không có nghĩa là trang của bạn cũng, 
bị mất cân bằng. Thông thường, các đặc điểm thị giác của bản thân hình 
ảnh sẽ cung cấp cho bạn ý tưởng vé cách áp dụng thông điệp vào thiết 
kế của chính mình. Một bức ảnh với một bên có trọng lượng thị giác 
mạnh hơn bên còn lại có thể được cân bằng nhờ văn bản. Không gian 
trống có thể được lấp đầy bằng thông điệp. Phong cách của bức ảnh có 
thể gợi ý lựa chọn typeface. Cũng giống như trong cuộc sống, thông 
qua những quyết định cẩn trọng, chúng ta có thể biến điểm yếu thành 
điểm mạnh. 


'Trong bài phân tích cấu trúc trang nâng cao này, Hình 4-21 và Hình 4-22 
đưa ra hai phiên bản thiết kế trang chủ (home page) của một Website. 
Hinh 4-21 là trang ban đầu, các nhận xét được đưa ra nhắm vào những 
điểm gặp vấn dë về thiết kế và bố cục. Hinh 4-22 là trang sửa đổi đã được 
cải thiện, kèm theo các ý kiến thảo luận về những giải pháp đã đem lại 
thành công này. 
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Khoan đã, chü"Printmarker" có thực sự cán phải 
lớn như vậy không? Không. Tất cả những gì nó 
dem lại là làm cho dòng tiêu dé trở nên rất thiếu 
chuyên nghiệp, 


Trang này sử dụng hai phương án căn gióng khác nhau, căn đều bên trái 
(đối với các bức ảnh cùng hình chữ nhật phía sau tiêu dé) và cán giữa (đối 
với văn bản tiêu dé cũng như văn bản nội dung), Việc sử dụng kết hợp cả 
hai phương án căn gióng này trên trang tạo ra sự Xung đột truc quan và 
làm suy yếu tính cân bằng của trang. 
Khi chỉ còn một từ sót lại trên một dòng, nó được 
coi j nổ cb" 'orphan") và đây được xem à 
typography rát té. 
| ` Những bức ảnh này khá thủ vị và có trọng lượng thị giác mạnh nhất, chúng sở Нии 
khiến cho phần bên trái của bó cục trở nên nàng nề hơn đôi chút so với 
bên phải, 


Vé cơ bản, trang này có đủ số lượng văn bản nội 
dung để có thể đối trọng lại với trọng lượng thị 
giác của các bức ảnh: Nhưng nó vẫn chưa đạt 
được điều này. Tại sao vậy? Font mặc định trên 
Web được sử dụng trong phần văn bản nội 


Annalene Ioíessor Nancy итен (M FA, Uetversay of 


Мамад) n a delexed uctor эма. 
Pa soi erm Tục si 


т 
" I Come Unvendy 

ЧҮ DUOL nd ác Sene арыма боны Am Cora 
[^ lạm) 


uen vuoi We bed of he рагам ote Univenier f Tess t lige, where she 
кез al hemer af printmaking, асы: rit, ạagla trag 
hottrcchanou prye е ki as enlin Boy 


Home | Gallery | Vita 1 Contact | UTA Printmaking 


dung là Times New Roman - một font trông rất 
binh thường và thiếu sức cuốn hút trực quan, 
do đó không đủ tạo ra trọng lượng thị giác để 
có thể hoàn toàn đối trọng lại với sự lôi cuốn 
và sức nặng của các bức ảnh. Mặc dù nhà thiết 
kế dùng tông màu xám cho phần văn bản nội 
dung - cùng tông màu với thanh tiêu để - nhưng 
cũng không giúp cải thiện tình hình là mấy, để lại 
phần bên phải quá nhạt nên chưa thể đối trọng 
được với phần bên trái của trang. 


Các đoạn trong phần văn bản nội dung được căn 
giữa trông rất khó đọc. Phương án căn giữa để 
chùa ra những khoảng trống gây khó chịu giữa 
các thành phần trực quan, góp phán khiến trang 
trở nên lộn xón, thiếu trật tự. 


Các nhóm chữ thể hiện đường liên kết thẳng 
hàng với những bức ảnh bên trái, góp phần làm 
tăng thêm trọng lượng thị giác cho phần bên trái 
của trang. 


nhiều khoảng trống với kích thước khác nhau làm bổ cục thiếu chặt chẽ: Tốt 
nhất, chỉ nên sử dụng tối đa một hoặc hai kích thước khác nhau. Điểm mấu 
chốt ở đây là: Khoảng trống và các đối tượng trên trang đều đóng vai trò 
quan trọng. Ta có thể tăng cường sự thống nhất của trang bằng cách sử dung 
những khoảng trống có kích thước nhất quản. 


Tóm lại, thiết kế trang này còn tón tại rất nhiều 
thiếu sót nhưng không đến mức nghiêm trọng, 
gây mất cân bằng về mặt trực quan trên trang. 


=== 


Hình 4-21 Trang chủ Web này có rất nhiều thiếu sót, làm suy yếu sự cân bằng của thiết kế. 
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...Thiét ké trang cán bằng bát đối xứng này nhà vào bức ảnh lớn để tạo sức Palmeri nổi tiếng về hình ảnh gây ẩn tượng sâu 
hút và độ lôi cuốn. Mặc dủ bức ảnh. rất lớn, thu hút manh mẽ sự chú ý từ sắc và thường quảng bá tác phẩm của minh 
người xem, nhung trang Web vẫn đạt được sự cân. bằng, do bức ảnh được thông qua các chương trình thiết kế bưu thiếp. 
đối trong lại bởi dòng tiêu dé “Palmeri” có kích thước lớn và vùng. màu trắng Nhà thiết kế đã chọn đưa hình ảnh về chương 
dàng sau những thông tin về nội dung. trình thiết ké bưu thiếp lên trang bàng cách 


đặt trang vào bên trong một hình chữ nhật - 
hình dạng của tấm bưu thiếp. Nhờ đó, thiết 
kế trang trở nên hoàn thiện hơn với hiệu ứng 
bóng đổ bố trí dọc cạnh bên phải và bên dưới 
trang, tạo cảm giác như thể trang đang nông 
màu xám nhô lên khỏi hình nén vậy. 


Kích thước cổ định của trang vẫn phát huy 
tác dụng, vì phần văn bản nội dung khoáng 
đạt, rộng rãi sẽ được ghép vào bên trong một 
trường văn bản cuộn (scrolling text field). Khi 
độc giả xem lướt phần nội dung, họ có thể sử 
dụng các mũi tên bên dưới ô văn bản (text 
box) để di chuyển xuôi hoặc ngược. Ngay cả sự. 
di chuyển của văn bản cũng giúp đối trọng lại 
với sức nặng của bức ảnh, giúp trang trở niên 
cân bằng. 


Vi nhà thiết kế sử dụng Macromedia Flash để 
tạo ra trường văn bản cuộn, nên không bị giới 
hạn bởi việc chỉ được sử dụng những định 
dạng font chữ cơ bản trên Web, mà còn có thể 
dùng những font thú vị hơn cho văn bản nội 
dung. Font được sử dụng cho. phần bắt đầu 
đoạn văn bản kết hợp hài hòa. với font của 
| © топо lượng thi giác cực mạnh của bức ảnh là một ván để đáng quan phán tiêu đề, hình dạng góc cạnh của nó cũng 
tâm, nên ở đây nhà thiết kế đã sử dụng đường kẻ mảnh để bao xung kết hợp rất tốt với bức ảnh, làm tăng thêm tính 
quanh viền của ó văn bản, nhằm tång thêm sức thu hút trực quan cho. thống nhất cho trang. 
Qó, Đường kẻ móng này tạo thành một hình chữ nhật bao quanh văn 
Dan, từ đó tạo ra mối liên hệ giữa nó và phần còn lại của bố cuc sắp xếp 
vốn cũng được xây dựng dựa trên các hình chữ nhật. 


Thanh màu đen cùng các thanh màu xám bên 
trên và bên dưới bức ảnh giúp định vị chắc 
chắn bức ảnh trên trang. Mặc dù bức ảnh có 
trọng lượng thị giác rất mạnh, nhưng bố cục 
trang theo cách cân bằng bất đối xứng này 
vẫn tạo ra cảm giác hài hòa, bởi những thanh 
trên đem lại một cấu trúc và trật tự vững chắc 
cho trang. 


Hình4-22 Trang chủWeb sau khi được cải tiến, dựa trên một bó cục sắp xếp mạnh mẽ và nguyên lý của sự cân 
bằng bất đối xứng. 
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TỔNG KẾT 


Trong chương này, chúng ta đã thảo luận về ứng dụng của sự cân bằng 
đối với thiết kế trang. Cách tổ chức thông tin trên trang sẽ tốt hơn, đồng 
thời dë đọc hơn khi những thành phần trực quan được nhóm lại với 
nhau một cách thông minh và trọng lượng thị giác của chúng đối trọng 
với nhau một cách nhịp nhàng. Độc giả cũng cảm thấy thoải mái hơn với 
một thiết kế trang cân bằng và muốn dành thời gian để đọc thông điệp 
của bạn hơn. Ngược lại, một trang thiếu cân bằng về thị giác trông rất 
thiếu chuyên nghiệp, khiến độc giả sẽ ít có chiểu hướng đọc thông điệp 
một cách nghiêm túc, hoặc họ không muốn dành thời gian quý giá của 
mình vào việc đọc những điều mà bạn muốn gửi рат. 


Lợi ích khi sử dụng sự cân bằng hay các nguyên lý thiết kế khác sẽ 
được nhân lên nhiều lần nếu được kết hợp hài hòa với những nguyên lý 
khác như nhấn mạnh, căn gióng, dòng chảy và tương phản. Nói chung, 
càng sử dụng nhiều nguyên lý thiết kế trên trang, thiết kế cuối cùng sẽ 
càng sâu sắc, có khả nàng truyén tải và thiết thực hon. 


CÂU HỎI TRẮC NGHIỆM SỐ 4 

Dién đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Bát đối xứng Đối xứng 
Trang trọng Một cách đối xứng 
Năng động Trọng lượng thị giác 
Kiểu cách Trắng 
Thân mật 


1. Ảo giác về trọng lượng vật lý của một thành phần trực quan trên 
trang được gọi là К 


2. Có hai kiểu bố cục cân bằng khác nhau: và 
3. Các bố cục cân bằng đối xứng đem lại cảm giác truyền thống, 
và " 


4. Các bó cuc cán bàng bát dói xúng có tính chát manh mé, = | 


và hon. 


5. Những vùng trên trang không chứa văn bản, hình vẽ đồ họa, đường 
thẳng hoặc các thành phán trực quan khác được gọi là khoảng 
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BÀITÀP 


Bài tập 1 


Ban có thể giải quyết bài tập dưới đây bằng cách sử dụng một số phuong 
pháp làm việc khác nhau: Hãy chọn cách đem lại cho bạn cảm giác thoải 
mái nhất. Bạn có thể sao chụp lại trang này thành vài bản, sau đó cắt và 
dán các thành phán; bạn có thể scan nó rồi sử dụng một chương trình xử 
lý ảnh kỹ thuật số như Photoshop dé cát và dán kỹ thuật số; hoặc, bạn cũng 
có thể dùng giấy can trong suốt kèm theo bút chì. Dù chọn phương pháp 
nào, mục đích của bạn vẫn là sắp xếp lại các từ ở Hình 4-23, nhằm tạo ra 
một bố cục cân bằng đối xứng và một bố cục cân bằng bất đối xứng. Bạn 
có thể chủ động thêm các thành phần trực quan khác như đường kẻ, hình 
tam giác hay hình chữ nhật, để cải tiến thiết kế trang của bạn. 


White Sale 


Price Reduction 


TAPA 


Hinh 4-23 
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Bài tập 2 


Trong bài tập này, hãy thiết kế hai phiên bản của một tấm thiệp mời cho 
buổi tiệc của bạn. Do đây là một buổi tiệc của bạn nên bạn hãy tự mình 
chọn một sự kiện và viết nội dung lời mời. Hãy dùng bất cứ phương tiện 
gì có khả năng hỗ trợ tốt nhất cho ý tưởng của bạn, có thể là bút chì, bút 
đạ, giấy cắt, hình ảnh hay văn bản tạo trên máy tính hoặc các phương 
tiện khác. Sử dung phương tiện tương tự, kết hợp với hình ảnh và chủ dé, 
hãy thiết kế một tấm thiệp mời dùng bố cục cân bằng đối xứng và bất đối 
xứng. Bạn được tùy chọn kích thước và định dạng cho thiệp mời: Đây có 
thể là một một tấm thiệp có hình dáng như bưu thiếp, thiệp gấp đôi hoặc 
thiệp gấp nhiều lần. Hình 4-24 và 4-25 đưa ra hai giải pháp thiết kế tấm 
thiệp cho một buổi tiệc năng động. Mục đích chính của bài tập này là tìm 
hiểu tác động của hai kiểu cân bằng đối xứng và bất đối xứng đối với bố 
cục, đồng thời nâng cao các kỹ năng dàn trang của chính bạn thông qua 
việc thực hành liên tục. Mỗi kiểu cân bằng sẽ ảnh hưởng tới sự hấp dẫn 
năng động của trang; là một nhà thiết kế, bạn phải nắm rõ cách thức và 
thời điểm nào cán sử dụng từng kiểu cân bằng này. 


CONTEST 
con оон! 


YOU'RE INVITED T9 THE ЕС 
JUMVINGEST EVENT TN THE 


Q| П 
COUNTY! уд Бр то THE JUMPINGEST 


N 
EVENT TN THE COUNTY! 


JUNE ЇЇ 6 SHARP 1 JUNE TI 6 SHARO 


Hình 4-24 Một tấm thiệp mời dự tiệc dùng bố cục Hình 4-25 Tấm thiệp mời dùng bố cuc bất đối 
đối xứng. Mặc dù sử dụng typeface độc đáo và khác xứng này sử dụng font chữ và hình ảnh tương tự Hình 
biệt, cùng với một bức ảnh năng động về chú ếch 4-24. Tuy nhiên, độ tương phản mạnh hơn đi kèm với 
đang nhảy, song bố cục đối xứng này trông vẫn có gì bố cục bất đối xứng đã giúp cho thiết kế này trông 
đó cứng nhắc. mạnh mẽ và năng động hơn nhiều. 


Y М e Nhận thức đúng thế nào là sự căn gióng 
SƯ C AN G 10 NG (alignment) và cách thức áp dụng nguyên lý này 
D để cải tiến thiết kế. 


* Làm quen với việc sử dung các ó lưới (grid) trong 
thiết kế dàn trang. 

» Hiéu rõ tám quan trọng của ó lưới để xây dung 
một thiết kế nhiều trang. 


• Tim hiểu cách xây dựng ó lưới. 


+ Nám được vốn từ vựng vé các thành phán trực 
quan được sử dụng trong thiết kế bản tin và tạp chí. 


+ Xác dinh các phương án căn gióng văn bản cơ bản 
và nâng cao. š 


• Xem xét tính hữu dụng của việc căn gióng thông 
qua quá trình tìm hiểu các ví dụ trong chương. 


e Tìm hiểu cách sử dụng cán gióng để nâng cao thiết 
kế thông qua các bài tập thực tế. 


Bạn đang sải bước trên hành lang của trường đại học 
để đến dự lớp học về thiết kế. Trên đường đi, thường 
thì bạn sẽ nhìn thấy các tấm poster, tờ rơi quảng cáo, 
và những thứ linh tinh được dán trên tường. Bỏ ra một 
chút quan tâm, bạn để ý thấy câu lạc bộ hạng nhất sẽ tổ 
chức một giải đấu bóng chuyển trên sân bùn; câu lạc bộ 
vẽ hoạt hình đang quảng cáo về hoạt động gây quỹ cho 
trang trại nuôi động vật địa phương; và ai đó đang có ý 
| dinh tó chúc mót cuóc thi nhày éch. Chà, có rát nhiéu 
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Hinh 5-1 


hoạt động da dang trong trường. Khi di qua hết tám poster này tới tám 
poster khác, ban dán nhận ra có gì đó thật ky quặc. Cách các tám poster 
được sắp xếp trên tường trông rất lộn xón, không theo bất cứ trật tu 
thông thường nào (Hình 5-1). Tờ poster lộn ngược là minh chứng cho 
sự đánh giá của bạn. Chắc hẳn ai đó muốn bày trò nên đã dán lại những 
tờ poster này và khiến chúng trở nên xiêu vẹo, lộn ngược, hoặc bị chồng 
lên nhau như vậy. Có những tờ poster chạm đến trần nhà, có tờ lại chạm 
sàn, những tấm khác thì được treo lệch theo các hướng khác nhau trên 
tường. Chúng không bị tẩy xóa mà chỉ bị xiêu vẹo! Bạn bắt đầu cảm thấy 
bất bình khi nghĩ ai đó có vấn đề về thần kinh đang muốn giỡn mặt tất 
cả những ai đi qua hành lang này. Mặc dù hành vi đó không sai, nhưng 
rõ ràng là nó không đúng mực chút nào! 


Giống như hành lang được bố trí với các tờ poster xiêu vẹo và lộn 


ngược, có thể bạn đã từng nhìn thấy những trang thiết kế không đến nỗi 
sai một cách thậm tệ, nhưng rõ ràng là vẫn chưa tốt. Bạn có thể đã thấy 
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những thiết kế trang sử dụng khá nhiều sự tương phản, trông có vẻ cân 
bằng và có sự nhấn mạnh thông tin rõ ràng, song vẫn chưa thực sự hoàn 
hảo. Thậm chí, bạn đã từng tự hỏi tại sao một số thiết kế của chính mình 
trông cũng chưa thực sự tốt. Và lỗi chung mà các trang này thường mắc 
phải là thiểu đi một phương án căn gióng tỉnh tế. Vậy, căn gióng là gì? Căn 
gióng xây ra khi các thành phán trực quan được sắp hàng phù hợp so với 
những thành phần trực quan khác trên trang. Ý tôi không phải là những 
đường thẳng chạy ngang qua bố cục để nối typography với các hình vẽ đồ 
họa, mà chính những mối liên kết vô hình giữa các thành phần mới có tác 
dụng làm cho một trang trông trật tự hơn (Hình 5-2). Trong hình này, mép 
bên trái của văn bản được căn gióng ở vị trí chính giữa tấm danh thiếp. 
Тёп công ty nằm thẳng hàng với một thành phần nằm ngang, một đường 
nét đứt nằm sát mép trên của cột trụ và mỗi nhóm văn bản được giãn cách 
nhau một cách chính xác. Ngay cả với một thiết kế đơn giản như vậy, việc 
căn gióng vẫn giúp cho bố cục thêm vững chắc và trông trật tự hơn. 


Building Design 


Romano Cesar 
Building Coordinator 


525 Building Way 
Building City, Texas 76111 


(555) 555-5215 


m Р Hinh 5-2 Hinh пау dua ra 
hai cách nhin cüa cüng mót 
thiét kế danh thiếp. Danh thiếp 
. 6 trên cùng là loại mà bạn 
А g Way thuóng tháy, cón các duóng 
r Icliog City. Texas 26111. - песа (dashed line) trong tắm 

-6515-- - danh thiếp bên dưới trinh bày 
ру eus kỹ thuật áp dung căn gióng 
Н trong thiét ké. 
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CĂN GIÓNG ĐỂ THIẾT KẾ DUOC HOÀN HẢO HON 


Trang thiết kế trông sẽ trật tự hơn khi bạn kết nối trực quan các thành 
phần như chữ và hình vẽ đồ họa với những thành phần khác trên trang. 
Ban có thể thực hiện diéu này bằng cách chọn một kiểu căn gióng văn 
bản nhất quán và/hoặc căn thẳng cạnh của các thành phần, ví dụ như 
cạnh trên cùng của một bức ảnh với cạnh trên cùng của dòng tiêu dë 
(Hình 5-3). Khi bắt đầu tạo sự liên kết về thị giác giữa văn bản, các hình 
vẽ đồ họa với những thành phần thị giác khác trên trang, bạn sẽ nhận 
thấy rằng cán phải làm lại để đạt được sự cân bằng trong bố cục. Kết quả 
thu được sẽ rất đáng giá so với công sức bạn bỏ ra. Trang thiết kế được 
căn gióng trông gọn gàng, trật tự và tinh tế hơn so với trang chứa các 
thành phán không được sắp xếp theo đúng hàng lối. 


Hãy nhìn vào thiết kế ở tấm ảnh bên trên trong Hình 5-4. Thiết kế 
trang này trông khá đơn giản và dễ hiểu. Các thành phần trên trang 
không được sắp theo hàng lối, song chỉ cần một số thay đổi nhỏ sẽ giúp 
nâng cao thiết kế này. Thiết kế ở tấm ảnh bên dưới được cải tiến rất đơn 


Hình 5-3 Trong bức ảnh bên dưới 
ở hình minh họa này, cạnh trên 
cùng của dòng tiêu đề năm thẳng 
hàng với cạnh trên cùng của bức 
ảnh, cạnh bên trái của dòng tiêu dé 
nằm thẳng hàng với cạnh bên trái 
của văn bản nội dung, và cạnh dưới 
cùng của văn bản nội dung gần như 
thẳng hàng với cạnh dưới cùng của 
các hình chữ nhật màu trắng trong 
thùng rác. Ngay cả một yếu tố căn 
gióng nhỏ (giữa văn bản và các 
hình chữ nhật màu trắng của thùng 
rác) như vậy cũng giúp cho bố cục 
trang trở nên chắc chắn hơn. Việc 
căn gióng những yếu tố trên theo 
cách này mất rất ít thời gian, nhưng 
có thể đem lại một bố cục chặt chẽ 
hơn so với bức hình bên trên khi 
chưa được căn gióng. 


(lean Up Your City Day! 
April Ist, 8 a.m.— 6 p.m. 


It is time for the annual Clean Up Your 
City Day! Bring your bulky trash items to 
either of the city dumps. Large appliances, 
rush, 


(lean Up Your City Day! 


April Ist, 8 a.m.— 6 p.m. 


It is time for the annual Clean Up Your City Day! 
Bring your bulky trash items to either of the city 


chemicals such as acids, ой, oil-based paints are 
not accepted during the spring cleanup date. For 
additional information call the nearest city dump. 
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giàn bàng cách di chuyén vüng tróng dé ky tén và con dáu vé bén phài 
một chút, đồng thời cán thẳng cạnh bên trái của vùng chữ ký với canh 
trái của đường thẳng nằm bên dưới chữ “John William Doe”. Ở bên phải, 
vién phải của con dấu được căn thẳng với cạnh phải của đường thẳng 
nằm bên duói chữ “John William Doe" Sự thay đổi nhỏ vé vị trí này đã 
giúp cho thiết kế trở nên cân bằng hơn, đồng thời tăng cường mối liên 
kết giữa các thành phần. 


Ở thiết kế bên trên, khoảng cách giữa hai dòng văn bản ngay dưới 
cái tên Mr. Doe quá rộng, khiến hai dòng này trông như chẳng liên quan 
đến nhau. Ở thiết kế bên dưới, hai dòng này đã được xích lại gần nhau, 
không chỉ giúp loại bỏ khoảng trắng (white space) dư thừa mà còn khiến 
cho các chữ trông dë đọc hơn, đồng thời tăng cường mối liên hệ giữa 
chúng. Có thể thấy, chỉ một chút ít thay đổi đơn giản như vậy đã giúp cho 
thiết kế trang trông trật tự và tinh tế hơn. 


Certificate of Achievement 


This certificate is awarded to 


A Dae 


Tor achieving finalist status in the Tri-City Area 


Elementary Spelling Bee, this 24 day of March 2001. 


rehi 
a 
ханә 


Certificate of Achievement 


This certificate is awarded to 


Ши William Zoe 


for achieving finalist status in the Hinh 5-4 Thiét ké phía trên 
TM Chip hua магу Spenge. trông lỏng lẻo và hơi mất trật 
EAR = tự một chút. Trong thiết kế bên 
dưới, việc dịch chuyển các dòng 

chữ ký để gióng thẳng nó với 

cái tên được viết ở kích cỡ lớn 


ngay lập tức đã giúp cho thiết 
kế trang trở nên trật tự hơn. 
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Ô lưới 


Một xuất phát điểm rất tốt để tính toán phương án căn gióng cho các 
thành phán trên trang là sử dụng cấu trúc ó lưới. Ó lưới (grid) là một hé 
thống các đường ngang và dọc dùng để phân chia trang nhưng không 
hiển thị trên trang được in ra, có tác dụng hỗ trợ nhà thiết kế căn gióng 
các thành phán trên trang một cách nhất quán (Hình 5-5). Ó lưới là bộ 
khung (skeleton) của một thiết kế, rất hữu dụng khi làm việc với các 
dinh dang một hoặc nhiều trang. Vai trò của cấu trúc ó lưới được thể 
hiện rõ nhất khi làm việc với những định dạng gồm nhiều trang, vì nó 
giúp nhà thiết kế đặt các thành phần lên trang một cách nhất quán và 
giúp đơn giản hóa quá trình ra quyết định dàn trang rất nhiều (Hình 
5-6). Khi đã xây dựng được một cấu trúc ô lưới khả dụng, bạn có thể gắn 
các thành phần tách biệt, như ảnh chụp, tiêu để, nội dung bài viết, chú 
thích, trích dẫn cho tới tranh minh họa,... lên ô lưới một cách đễ dàng. 


ec Vid, 


tí 
+ 


Hình 5-5 Сас đường nét đứt trong hinh này phác 
họa cấu trúc ó lưới bao gồm những đường ngang doc 
cơ sở. Cấu trúc này đóng vai trò là bộ khung cho thiết 
kế dàn trang. 


Những người mới bắt đầu thiết kế thường có xu hướng bắt tay ngay 
vào thiết kế các trang mà không cần tới sự trợ giúp của cấu trúc ô lưới 
nào. Họ thường cho rằng sử dụng ô lưới rất phức tạp, hoặc phải mất rất 
nhiều công sức để tạo ra nó. Những nhà thiết kế này cứ khăng khăng, 
quả quyết tạo ra từng trang một, mỗi trang lại là một thiết kế hoàn toàn 
mới. Tuy nhiên, vấn dé khó khăn với cách tiếp cận này là nếu phải tạo 
ra nhiều trang, nhà thiết kế rất dë bị sa láy vào những quyết định như 
cán bao nhiêu cột trong từng trang riêng biệt, kích thước lé (margin) sử 
dụng cho mỗi trang là bao nhiêu, nên đặt các bức ảnh ở đâu, cũng như 
kích thước ảnh như thế nào mới phù hợp. Việc thiết kế từng trang trở 
thành một trường hợp thiết kế chuyên biệt và tốn rất nhiều thời gian. 


Regional Plantini m rr 


ERE 
ИШ 
ТИР. 
ШЦ 


Н 
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MÁCH NHÓ 

Hãy cán nhắc tạo ra một 
cấu trúc ô lưới cho mọi dự 
án thiết kế gồm nhiều trang 
| dé có thể sử dụng lại sau 
“này. Bạn có thể tiết kiệm. 
được rất nhiều thời gian 
bång cách thiết kế một 
cấu trúc ó lưới và sử dung ` 
-lại nó như một bản màu. 


(template), đặc biệt trong . 
-trường hợp thiết ké các bản | 

tin và tạp chí nguyệt san 
hay bán nguyệt san. _ 


Regional Planning 


Hình 5-6 Hinh này trinh bày hai trang của cùng một bàn tin, với các thành phần trực quan được sắp đặt trên 
trang theo một cấu trúc ô lưới gồm ba cột cơ sở. Các ô lưới giúp nâng cao tính nhất quán cho thiết kế. 
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Hình 5-7 Bốn trang này 
mô tả những vấn đề có thể 
xảy ra nếu nhà thiết kế dàn 
trang không sử dụng cấu 
trúc ô lưới. Các trang này 
thiếu sự căn gióng và tính 
thống nhất, trông rất lộn 
xôn. Có lë chúng còn ngón 
nhiều thời gian cho việc 
thiết kế hơn so với khi tác 
giả dùng một cấu trúc ô lưới 
để làm chỉ dẫn. 


Hinh 5-7 cho thấy những vấn dé có thể xảy ra với một bố cục của một 
trang bản tin, mỗi trang của nó được thiết kế riêng biệt mà không có sự 
hỗ trợ của ô lưới nào. Sử dụng ô lưới giúp đơn giản hóa nhiều quyết định 
thiết kế quan trọng. Ngoài ra, nếu bạn tuân thủ theo một cấu trúc ô lưới 
nhất quán, độc giả sẽ dễ theo dõi dòng chảy thông tin trên các thiết kế của 
bạn hơn. Đa số mọi người sẽ cảm thấy yên tâm vì có thể dự đoán được 
phán nào đó khi đọc tài liệu, bởi ó lưới giúp họ hình dung rõ dòng chảy 
của thông tin - đâu là nơi bắt đầu và sẽ đi tiếp về đâu. Một cấu trúc ô lưới 
trật tự, dë đoán không chỉ giúp đơn giản hóa công việc thiết kế của bạn, 
mà còn đơn giản hóa quá trình nắm bắt thông tin của độc giả. 
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Để sử dung một ó lưới, trước tiên ban phải vẽ được ó lưới. Hình 5-8 
và 5-9 đưa ra hai tùy chọn cấu trúc ô lưới khác nhau. Đây chỉ là hai 
trong số vô vàn những tùy chọn cấu trúc ô lưới mà bạn có thể sử dụng. 
Yếu tố quyết định thực sự về hình thức sắp xếp ó lưới hoàn toàn phụ 
thuộc vào bạn; ô lưới của bạn có thể đặc biệt như chính bản thân bạn 
(nếu chưa từng tạo ô lưới trước đây, tôi khuyên bạn nên bắt đầu với 
một ô lưới đơn giản). Dù muốn tạo ra ô lưới phức tạp đến đâu, bạn vẫn 
phải quyết định các thông số nhu: Khoảng lề, độ rộng cột và độ rộng 


Hình5-8  Mộtví dụ vé ó lưới. 
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Hình 5-9 Mót ví dụ vé ó lưới. 


của khoảng cách giữa các cột. Nếu chưa chắc chắn các thuật ngữ nhu 
“ё (“margin”), “cột” (“column”) và “khoảng cách giữa các cột” (“column 
gutter") dùng để chỉ cái gì, hãy quan sát Hình 5-10. Hinh minh họa này 
trình bày một số thành phần trực quan điển hình sử dụng cho các thiết 
kế bản tin, ví dụ như tiêu dé, trích đoạn (pull quote), chú thích,... Mặc 
dù thiết kế trang của bạn có thể không sử dụng tất cả những thành phán 
trực quan này, song ô lưới mà bạn vẽ phải đủ linh hoạt để có thể chứa 
được nhiều thành phần khác nhau. 


= 
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Làm thé nào dé vë mót ó luói? Néu dang sü dung mót chuong trinh 
dàn trang trën máy tính, truóc tién ban cán tao mót file có kích thuóc 
đúng bàng định dang trang cuối cùng mà ban mong muốn. Bạn phải xác 
định được khoảng cách lë, số lượng cột và độ rộng giữa các cột trong 
chương trình đàn trang. Hình 5-11 trình bày cùng một nội dung trang, 
nhưng được đặt vào hai chương trình dàn trang khác nhau trên máy 
tính. Trong cả hai trường hợp, khoảng cách lề, số lượng cột và độ rộng 


qhữcáihoađđu đánhdấu hộp đánh dấu. 


tiêncüabàntin пуст mud, ih 
ГТ [roe kg he nh ti na) M margin) 


Cloning Ethics an 


Tempor iaci dant et Шон ut dolo 
vulputate nibh eutinod Tempor шше 
incidunt et labore ы dolor magna alge 
qua enit nusemeumn irure dolor in tempo. 
henderit in nonumy velit esse consequat. 


Duis vel aute me um irure dolor in henderit innonumy 
velit esse eta to enconsequat. Vel illum dolor faciscti at 
vero eos. Nam euf feugiatius mulla libera tempor, cum 
solutanobis eligent optius, conquenius ct id nibil. 


Суз кэтит икат Сое —— — Thợ tho be рїн! 
———_—— 


None, One,or Many? 


| 
[ 7 


duithhtinh sítng ^^ khoằngdáhgiadácdt 3 tạ dingháo йс саби thanhqnhưang dintang 


hãi E thuyéntrang tiéndiadoan  -tücthanhlé (running foot) 
(caption) (folio) (column gutter) yen! ) FN (deba) 
ap) 


Hình 5-10 Các thành phần trực quan điển hình được sử dung trong thiết kế bản tin hoặc tạp chí. 
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giüa các cót ván bàn déu dugc xác dinh truóc khi nháp bát cú thóng 
tin nào. Nếu bạn không biết cách thiết lập những khoảng cách này, hãy 
tham khảo sổ tay hướng dẫn sử dụng chương trình (program manual). 


of yaw humans о open lắc can for you? 
ats аот that the happie 9 Пес more 


Hinh 5-11 Hai dang khác nhau cüa cüng mót bán tin dugc xày dung 
trong hai chương trình máy tính khác nhau. Một số chương trình máy tính 
sẽ hiển thị cấu trúc ô lưới cơ sở có sẵn cho người thiết kế có thể sử dụng 
luôn (hình dưới); một số khác thì không. 
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Néu ban dang thiét ké vói bút chi và giáy, háy bát dáu vói mót trang 
tráng có kích thuóc bàng dinh dang trang. Viéc vë ó luói có kích thuóc 
bằng với kích thước của dinh dạng cuối cùng sẽ giúp bạn có cảm giác 
tốt hơn về cách phân chia không gian thiết kế. Vẽ những đường thẳng ở 
trên, dưới và hai bên trang để biểu thị vùng mà bạn sẽ thiết kế trong đó, 
nhớ để chita ra một khoảng lé nhỏ giữa viền trang và các đường biểu thị 
giới hạn của không gian thiết kế. Chia đều không gian thiết kế theo số 
lượng cột mà bạn đã xác định. Không sử dụng các cột quá nhỏ hoặc quá 
rộng, vì những cột quá hẹp hay quá rộng sẽ ảnh hưởng tới tính dễ đọc 
(readability) của trang (Hình 5-12). Hãy đảm bảo chừa lại một khoảng 
nhỏ giữa các cột để trong thiết kế cuối cùng, các cột của văn bản nội 
dung không chạm nhau. Hinh 5-13 minh họa một ó lưới được vẽ tay, Sau 
khi vẽ xong, cấu trúc của ô lưới sẽ giúp bạn quyết định vị trí đặt các tiêu 


рау là cột văn bản có độ rộng 5 1/2" (tức 5 1/2 inch, tương đương 13,97 cm) với 
kích thước chữ 12 point (viết tắt là 12 pt, tương đương 0,4216867 cm), sử dụng 
font Gill Sans. Những chữ cỡ nhỏ được đặt trong các cột có kích thước rộng, 
khiến độc giả rất khó nhận biết vị trí bắt đầu của câu tiếp theo. Kích thước chữ 
càng nhỏ, độc giả càng khó theo dõi vị trí bắt đầu của dòng tiếp theo. 


= Í C a a = 


рау là cót chát hep, rát Press dé tao 
văn bàn có khóđọclýdo các trang, 
độ rộng 1” là vì các dòng việc sử dun 
(tương đương quá ngắn và dấu gạch nổi 
2,54 cm) với lay thay đổi. thường gây 
kích thước Nếu đang sử khó chịu và 
chữ 12 point, dụng một _ khiến cho việc 
sử dụng font chương trình đọc văn bản 
Gill Sans. Các dàn trangnhư càng trở nên 
chữ được đặt PageMaker, khó khăn. 
trong những InDesign 

cột văn bản hay QuarkX- 


Đây là cột văn bản có độ rộng 3” (tương 
đương 7,62 cm) với kích thước chữ 12 point, 
sử dụng font Gill Sans. Người xem sẽ gặp. ít 
khó khăn hơn khi theo dõi từ dòng này sang 
dòng khác. Các cột có độ rộng chứa được từ 


10 đến 12 từ trên một dòng là dễ đọc nhất. 


Hình 5-12 Một nghiên cứu nhỏ về độ rộng cột. 
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Hình 5-13 Một ô lưới với 
độ rộng các cột, khoảng cách 
giữa các cột và khoảng lề 
được vẽ bằng bút chì (đơn vị 
được sử dụng trong hình là 
Picas, số nhiều của Pica; trong 
đó, 1 pica = 12 point). 


dé, tiêu dé phụ, văn bản nội dung, hình vẽ đồ họa và những thành phần 
trực quan khác như các đường thẳng và họa tiết (dingbat). Đừng bị ám 
ảnh một cách mù quáng ràng bạn bắt buộc phải tuân theo ó lưới - bởi ó 
lưới chỉ là công cụ hỗ trợ bạn đưa ra các quyết định về bố cục khi thiết 
kế trang, chứ nó không đặt bạn vào một “chiếc áo” trực quan trói buộc, 
chật chội. 


Thêm một lưu ý nữa về ô lưới: Các đường thẳng cơ sở của ô lưới chỉ 
là công cụ tổ chức để hỗ trợ thị giác, và chúng không hiện lên ở thiết kế 
cuối cùng. О lưới là “quân át chủ bài” về tính tổ chức, giúp bạn tăng tốc 
quá trình ra quyết định dàn trang và giữ cho thiết kế của bạn có bố cục 
rõ ràng, mạch lạc. 


5PICA 


1.5PICA 
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CĂN GIÓNG VĂN BẢN 


Một thành phần không thể thiếu của nguyên lý về sự căn gióng là căn gióng 
văn bản (text alignment). Một số cuốn sách đồ họa gọi công việc này là “trình 
bày văn bản” (“composition”), bởi đây chính là việc sắp xếp hoặc tạo bố cục 
cho văn bản trên trang. Nếu thiếu đi một phương án cán gióng văn bản thống 
nhất, thiết kế trang trông rất lộn xộn, đặc biệt là với những trang có nhiều văn 
bản vì chúng sẽ trở nên cực kỳ khó đọc. Có bốn tùy chọn căn gióng văn bản 
mà bạn có thể sử dụng trong các thiết kế của mình. Nếu mạo hiểm và có nhiều 
thời gian rảnh, bạn có thể dùng nhiều tùy chọn căn gióng sáng tạo hơn để đạt 
được những hiệu ứng đặc biệt thú vị cho các trang thích hợp, song, bạn sẽ phải 
bỏ ra nhiều thời gian hơn cho việc thiết kế. Mỗi tùy chọn có một tác động khác 
nhau và đem lại những ấn tượng không giống nhau cho thiết kế. Văn bản có 
thể được căn gióng theo những cách thức dưới đây (xem thêm Hình 5-14): 


Các cách căn gióng văn bản cơ bản: 

e Căn đều bên trái (flush left). 

• Căn đều bên phải (flush right). 

• Căn giữa (centered). 

e Hai lề đều thẳng (justified). 

Các cách căn gióng văn bản nâng cao: 

e Chay vòng quanh đối tượng (runaround). 

» Bát đối xứng (asymmetric). 

e Hinh dang cụ thé (concrete). 

Căn đều bên trái, cán đều bên phải, cán giữa, hai lé đều thẳng là bốn kiểu 
căn gióng văn bản cơ bản và phổ biến nhất. Căn đều bên trái (flush left) 
còn được gọi là căn thẳng trái/nhấp nhô bên phải (flush-left/ragged-right), do 
các ký tự đầu tiên của văn bản được gióng thẳng bên trái trong khi viền bên 
phải được phép dàn tự nhiên theo kiểu nhấp nhô. Một số chương trình máy 
tính goi tùy chọn này là căn lê trái (align left), hay đơn giản là căn trái (left). 
'Viên nhấp nhô bên phải của văn bản được căn trái đem lại cho thiết kế trang, 
một diện mạo nhe nhàng, thanh thoát. Kiểu căn gióng căn đều bên trái được 
các chuyên gia typography đánh giá là phương án cán gióng văn bản dễ đọc. 

Căn đều bên phái (flush right) còn được goi là căn tháng phải/nhấp nhô 
bên trái (flush-right/ragged-left), một số chương, trình máy tính goi là căn lề 
phải (align right), hay đơn giàn là căn phải (right). Kiểu căn gióng này phù 
hợp nhất với những văn bản ngắn, vì nó khiến độc giả rất khó xác định vị trí 
bắt đầu của dòng tiếp theo, đặc biệt là đối với các văn bản dài. 


GHI CHÚ 


Tính dễ đọc (readability) 
sẽ bị ảnh hưởng khi các 
đoạn văn bản được thiết 
lập theo phương án căn 
thẳng phái/nháp nhô 
bên trái. 
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The average horse, getting 
grain, should be allowed 
from ten to fifteen 
pounds of hay daily, but 
it is an error to think that 
horses at light work can 
subsist entirely on hay. 


Ња Сап đều bên trái 


The average horse, getting 
grain, should be allowed 
from ten to fifteen 
pounds of hay daily, but 
it is an error to think that 
horses at light work can. 
subsist entirely on hay. 


Căn đều bên phải E 


The average horse, getting 
grain, should be allowed 
from ten to fifteen 
pounds of hay daily, but 
it is an error to 
think that horses at 
light work can subsist 


entirely on hay. 


Căn giữa 

The average horse, getting 
grain, should be allowed 
from ten to fifteen pounds 
of hay daily, but it is an. 
error to think that horses 
at light work can subsist 
entirely on hay. 


L naue d 
tháng 


The average horse, getting 
grain, should be allowed 
[|  -] from ten to 
fifteen pounds 
of hay daily, 
but it is an 
——== error to think 
that horses at light work 
can subsist entirely on hay. 


Chạy vòng quanh đổi tượng 


The average horse, 
getting grain, should be allowed 
from ten to fifteen pounds 
of hay daily, but it is an error 
to think that horses 
at light work can 
subsist entirely on hay. 


Bắt đối xứng 


The 
average horse, 
getting grain, should 
be allowed from ten to 
fifteen pounds of hay daily, 
butitisan error to think that 
horses at light work can 

subsist entirely 
on hay. 


Hinh dang cu thé 


Hình 5-14 Ví dụ về các phuong án cán gióng văn bản cơ bàn và nâng cao. 


CHƯƠNG5 SUCANGIÓNG 103 


Chữ cán giữa (centered) mang ý nghĩa trang trọng (hãy liên tưởng 
tới một tấm thiệp mời đám. cưới) và thường được dùng cho kiểu chữ 
tiêu để. Hãy cố gắng tránh sử dụng kiểu căn giữa, trừ phi chỉ có một số Ít 
cum từ ngắn, bởi vién trái nhấp nhô của văn bản được căn giữa sẽ khiến 
mắt độc giả rất khó xác định vị trí bắt đầu của dòng tiếp theo. 


Tùy chọn căn gióng văn bản hai lề đều thẳng (justified) còn được 
gọi là căn thẳng phải/căn thẳng trái (flush-right/flush-left). Nếu được 
thiết lập đúng, các chữ được hai lề đều thẳng rất dé đọc. Kiểu căn gióng 
này cũng được sử dụng rất rộng rãi cho nội dung văn bản ở nhiều kiểu 
thiết kế trang. Bạn sẽ nhìn thấy rất nhiều cột chữ được căn gióng ở dạng 
hai lề đều thẳng trong các bản tin, tạp chí, brochure và những trang 
viết nhiều chữ khác, vì kiểu căn gióng này cho phép bố trí mật độ các 
từ dày hơn. Việc gói gọn nhiều từ vào trong các cột trong khi vẫn đảm 
bảo được tính rõ ràng (legibility) giúp giảm bớt số lượng trang giấy cần 
dùng cho một bản tin, đồng thời cho phép chèn thêm nhiều từ hơn vào 
một số vùng, chẳng hạn như quảng, cáo được phân loại - tức mục rao 
vặt (classified ad). Tuy nhiên, do mật độ các từ dày đặc, nên những cột 
căn thẳng hai lề có xu hướng làm cho thiết kế trang trông nặng né hơn 
và giảm bớt tính rõ ràng về mặt trực quan. Các cột được căn thẳng hai 
lề cũng có xu hướng tạo ra những “dòng chảy” của khoảng trắng trong, 
các cột (Hình 5-15), đòi hỏi phải điểu chỉnh lại các dòng chữ để khắc 
phục vấn dé gây khó chịu cho thị giác này. 


Lorem ipsum dolor jsit amet, con 
secteteur / adipsicing elis; sed J аат 
vulpatate/ nibh | euisn. | Tempor incidunt 
labore / ut ( dolors N тарпа | erat 
volupat.* Duis уе! autemeum dolor 
in X hen V derit, in V попту) velit 
Шы consequat. \ Vel | illum | dolor 
facisti at ver eos, Мат eu feugit mulla 
Vel illum dolor faciscti at vero. Nam eu 
feugiat liber tempor, cum solutanobis. 


Hình 5-15 - Hãy có gắng tránh tạo ra những “dòng 
chảy" của khoảng trắng gây khó chịu và phân tán thị 
giác khi sử dụng kiểu căn gióng hai lé đều thẳng (được 
biểu thị bằng các đường vẽ trong đoạn văn bản). 
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Tuy ba kiểu căn gióng văn bàn nâng cao như bố cục vòng quanh, bất 
đối xứng và hình dạng cụ thể ít được sử dụng hơn bốn kiểu căn gióng 
cơ bản nêu bên trên, song lại là những kỹ thuật hữu dụng để tạo ra hiệu 
ứng đặc biệt mà bạn có thể trang bị cho cẩm nang thủ thuật thiết kế của 
mình. Căn gióng văn bản chay vòng quanh đối tượng (runaround) còn 
được gọi là bao văn bản xung quanh đối tượng (text wrap) vì với tùy chọn 
này, chữ sẽ chạy bao quanh một bức ảnh, hình ảnh, hình vẽ đồ họa hay 
một đoạn văn bản khác (ví dụ như một ký tự lớn đầu bản tin). Kiểu căn 
gióng này được sử dụng phổ biến trong các bản tin, brochure và những 
trang có mật độ chữ dày khác, đồng thời thường được dùng song song 
với một số phương án căn gióng khác, chẳng hạn như hai lề đều thẳng, 


Căn gióng văn bản bất đối xứng (asymmetric) trông khá thú vị về 
mặt trực quan nhưng lại rất khó đọc, bởi chỉ có rất ít vị trí bắt đầu hoặc 
kết thúc của các dòng là thẳng hàng với nhau; do đó, thị giác của độc giả 
sẽ phải làm việc nhiều hơn để tìm ra vị trí bắt đầu của dòng tiếp theo. 
Kiểu căn gióng này phù hợp nhất cho các đoạn văn bản ngắn, vì nhiều 
dòng chữ dài sử dụng kiểu căn gióng bất đối xứng sẽ rất khó đọc. Kiểu 
căn gióng văn bản bất đối xứng truyền tải cảm giác thân thiện và tràn 
đây năng lượng. Cũng chính vì những tính chất này nền các tờ tạp chí, 
quảng cáo dành cho giới trẻ rất hay sử dụng kiểu căn gióng văn bản bất 
đối xứng. 

Kiểu căn gióng văn bản hình đạng cụ thể (concrete) là sự sắp xếp 
văn bản để mô phỏng hình dạng của hành động hoặc đối tượng đang 
được miêu tả. Đây là kiểu căn gióng khó đọc, song thường rất thú vị về 
mặt trực quan. Nếu muốn dùng kiểu căn gióng này trong các thiết kế 
của mình, bạn phải kiên nhẫn; di chuyển các chữ để tạo ra hình dang 
mà dóc già có thé nhàn dién dugc là mót cóng viéc tón kém khá nhiéu 
thói gian. Khi tao hinh dáu chú ngua trong ví du ó Hinh 5-14, truóc dó 
tói dà tao ra mót só phién bàn trông giống "chó" hon là giống “ngựa”. Kỹ 
thuật căn gióng văn bản hình dang cụ thể phù hợp nhất khi hình cần tạo 
là các hình đơn giản, hoặc hình cần vận dụng kỹ thuật cắt lọc đối tượng 
(silhouette); tránh sử dụng kiểu căn gióng này nếu hình cẩn tạo đòi hỏi 
nhiều chỉ tiết. Đây là kiểu căn gióng chứa đựng nhiều tiềm năng sáng 
tạo, nhất là khi bạn có thời gian và lòng kiên nhẫn. 


GHÉP NHÓM CÁC THÀNH PHẦN LIÊN QUAN 
Biết cách tổ chức và giữ cho mọi thứ đơn giản sẽ giúp bạn luôn tỉnh táo 


đầu óc và hoàn thành công việc đúng hạn. Một trang có tính tổ chức 
và đơn giản cũng giúp truyền tải thông điệp tốt hơn tới độc giả. Sự căn 
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gióng và tính tổ chức trên trang sẽ được cải thiện rất nhiều nếu bạn biết 
cách ghép nhóm các thành phần liên quan đến nhau lại, chẳng hạn như 
logo với địa chỉ, số điện thoại với số fax, thông tin thời gian với thông 
tin ngày tháng. Hãy giữ cho danh sách các thông tin liên quan đến nhau 
nằm càng gần nhau càng tốt. “Tránh xu hướng dàn trải thông tin ra khắp 
trang chỉ với mục đích lấp đầy khoảng trắng. Hãy cán thận, đừng để quá 
nhiều khoảng trắng xen vào trong các danh sách. Xem xét ví dụ trong 
Hình 5-16, bạn thấy danh sách chèn biểu tượng đánh dấu đầu dòng ở 
bên trái có quá nhiều khoảng trắng, giống như một “con mương” phân 
chia thị giác và làm suy yếu sự liên kết về mặt trực quan của nội dung khi 
chúng ta nhìn vào đó. Thu hẹp khoảng cách giữa biểu tượng đánh dấu 
đầu dòng và thành phán liệt kê giúp danh sách trông có tổ chức hơn, dë 
đọc hơn, bởi khoảng cách gần giữa các biểu tượng đánh dấu đầu dòng 
và thành phần liệt kê có khả năng hỗ trợ thị giác của người xem, giúp họ 
dë dàng lướt từ thành phần này sang thành phần khác (xem danh sách 
bên phải). Hãy căn gióng và nhóm các thông tin tương đồng; hãy tạo ra 
trật tự từ sự hỗn độn. Bằng cách đó, các thành phần trực quan trên trang 
không những được căn gióng đúng mực về mặt vật lý, mà còn được căn 
gióng phù hợp với các nhóm tạo nên sự gắn kết một cách thông minh. 


Potatoes e Potatoes 
Eggs 5 Eggs 


Chicken e Chicken 
Garlic e Garlic 
Cheese » Cheese 


Hình 5-16 Sử dụng danh sách liệt kê các thành phán là một cách rất tốt để 
tóm lược những ý quan trọng. Tuy nhiên, danh sách ở bên trái để chừa ra quá 
nhiều khoảng trắng giữa biểu tượng đánh dấu đầu dòng và các thành phần 
được liệt kê. 
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CÁC VÍ DU VỀ SỰ CĂN GIÓNG 


Giống như nhiều nguyên lý khác mà chúng ta đang thảo luận trong cuốn 
sách này, việc tìm hiểu về sự căn gióng thông qua những ví dụ trực quan 
sẽ đễ dàng hơn so với việc dành thời gian để đọc các đoạn lý thuyết dài 
lê thê. Những ví dưới đây sẽ chỉ cho bạn thấy một số vấn để liên quan tới 
việc sử dụng kỹ thuật căn gióng để nâng cao các thiết kế trang, 


Ví dụ 1 


Hãy nhìn vào tờ quảng cáo ở Hình 5-17. Đây là ví dụ khá điển hình về 
một trang rất không ổn. Các thông tin rất dë đọc và có những hình vẽ 
đồ họa bổ trợ cho chủ để của tờ rơi, nhưng do chữ bị dàn trải khắp trang 
nên ấn tượng đầu tiên về tờ rơi này là sự hỗn độn tới mức vô tổ chức. 
Trang này khiến cho người xem có cảm giác như người thiết kế không 
thể quyết định được họ nên đặt thông tin ở đâu, hay thậm chí là cần 
dùng kiểu căn gióng nào. Sự lưỡng lự này dẫn tới cả hai phương án căn 


““ "Mal SND 
РРА) 


7/ez9fonfooz Easter Egg Hunt! 


Egg hunt starts 


Easter Day at 7a.m. sharp! 


S 4) Commanity Park 


All are invited to watch, but the hunt 
is for children ages 3-8 


‹ e 


Hinh 5-17 Tờ rơi ban đầu. Một trong những thiếu 
sót lớn nhất của thiết kế này là thiếu một phương án 
căn gióng nhất quán. 
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gióng là căn giữa và căn đều bên trái đều được sử dung trong cùng một 
thiết kế. Để “chữa cháy”, các hinh vẽ dó họa được đặt vào các vị trí còn 
trống trên trang. Việc thiếu một phương án căn gióng nhất quán và dùng 
các hinh vẽ đồ họa như một công cụ để “lấp đẩy” trang khiến cho thiết 
kế trông rất thiếu chuyên nghiệp. 


Hinh 5-18 là thiết kế trang sau khi áp dụng căn gióng và điều chỉnh 
lại các hình vẽ đổ họa. Rất nhiều điểm mạnh của thiết kế trang ban đầu 
được giữ lại; ví dụ, lựa chọn typeface và kích thước các chữ vẫn giống như 
ban đầu, nhưng chúng được sắp xếp cũng như căn gióng vào một bố cục 
mạch lạc, chặt chẽ hơn. Việc căn gióng chữ theo phương án căn đều bên 
trái nhanh chóng thiết lập trật tự cho trang, đồng thời giúp tiến thêm một 
bước dài trong nỗ lực làm cho thiết kế trở nên chuyên nghiệp hơn. 


Để nâng cao thiết kế này hơn nữa, các hình vẽ đồ họa ban đầu về trứng 
Phục sinh và tai thỏ đã được sử dụng lại ở trang chỉnh sửa với vài thay 
đổi. Một trong những điểm yếu của trang ban đầu là các hình vẽ đồ họa 
có kích thước gần như bằng nhau và thiếu sự tương phản, khiến chúng 


car 76201 


Wene hauing a 
Neighborhood 
Easter Egg Hant! 


Egg hunt starts 
at7 a.m. sharp! 


Easter Day 


^. Allare invited to watch,Butithe hunts 


Hinh5-18 Tờ rơi sau khi sửa đổi. Kiểu căn gióng căn 
đều bên trái mạch lạc, chặt chẽ đã giúp cải thiện được 
thiết kể. 
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"сат This! 
ear This! 


Hình 5-19 Hình này minh 
hoa phién bàn ban dáu (bén 
trên) và phiên bản chỉnh sửa, 
cải tiến (bên dưới) của dòng 
tiêu аё, Dấu nháy đơn của 
dòng tiêu đề ban đầu chìa ra 
khỏi dòng tiêu đề giống như 
một “chiếc gai khó chịu; để 
lại một khoảng eo (channel) 
trắng nhỏ giữa dấu nháy đơn 
và ký tự “ Dịch chuyển dấu 
nháy đơn hướng về phía ký 
tu"e"mót chút sẽ giúp loại bỏ 
khoảng eo nhỏ trắng này. 


Hình 5-20 Trong hình phía 
trên, dấu ngoặc kép ở bên trái 
dòng tiêu dé tạo ra một viền 
căn gióng rất xấu với phần văn 
bản nội dung, Trong kỹ thuật 
typography truyền thống, các 
typographer có thể điều chỉnh 
viền căn gióng này bằng cách 
dichuyển dòng tiêu đề về phía 
bên trái một chút, sao cho dấu 
ngoặc kép hơi chìa ra ngoài 
văn bản nội dung (hình dưới). 


trông rất nhàm chán. Thay đổi kích thước của ít nhất một hình vẽ đồ họa 
trên trang thường giúp tăng thêm sức cuốn hút thị giác cho trang. Trên 
quan điểm đó, tôi đã thay đổi kích thước của các hình vẽ đồ họa, thu nhỏ 
các ảnh và lặp lại hình ảnh quả trứng Phục sinh dọc theo cạnh trái của các 
chữ để thêm vào sự nhấn mạnh cho một phương án căn gióng chữ mạch 
lạc. Phóng to kích thước hình ảnh chiếc tai thỏ giúp tăng thêm độ tương 
phản, khiến trang trở nên thú vị hơn về mặt trực quan. Sử dụng màu đen 
cho chiếc tai thỏ không phải là một lựa chọn tốt vì nó được đặt chìm sau 
văn bản (văn bản màu nằm trên một hình vẽ đồ họa màu đen sẽ rất khó 
đọc); do đó, tôi đã thay đổi màu đen của tai thỏ thành màu xám nhẹ. 


Căn gióng lại văn bản và các hình vẽ đồ họa trên trang rất đơn giản, 
trừ việc phải cán bằng lại lé trái khác thường mà dấu nháy đơn của dòng 
tiêu để tạo ra. Khoảng lé khác thường này không chỉ làm cho dấu nháy 
đơn trên dòng tiêu để ban đầu trông như treo lơ lửng bên trái chữ “e” 
(Hình 5-19), mà còn khiến việc căn trái đòng tiêu để trở nên phức tạp. 
Sử dụng viền ngoài cùng bên trái của dấu ngoặc kép làm viển căn gióng 
để lại một khoảng trắng đặc biệt, tuy khó phát hiện nhưng vẫn gây cảm 
giác khó chịu ở đầu dòng tiêu để. Theo truyền thống, thao tác mà các 
typographer (nhà thiết kế đồ họa chữ) chuyên nghiệp thường làm để 


"Loren Ipsum Dolor Set!” 


‘Tempor inci dunt et labore ut dolors magna ali 
iquam erat volupat. Duis vel autemeum irure dolor 
in henderit in nonumy velit esse consequat. Vel 
Шит dolor faciscti at vero eos. 


"Loren Ipsum Dolor Set!" 


Tempor inci dunt et labore ut dolors magna ali 
iquam erat volupat. Duis vel autemeum irure dolor 
in henderit in nonumy velit esse consequat. Vel 
Шиг dolor faciscti at vero eos. 
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diéu chinh vấn dé vién chưa thẳng hàng khó phát hiện là di chuyển toàn 
bộ dòng văn bản đó hơi nhô ra khỏi viển của cột văn bản một chút. Bạn 
có thể thấy kỹ thuật này được áp dụng ở Hình 5-20. 


Áp dụng nguyên lý của sự căn gióng (và nguyên lý của sự tương phản) 
đã làm cho trang trở nên gọn gàng, do đó trông trật tự và chuyên nghiệp 
hơn rất nhiều. 


Ví dụ 2 


Hình 5-21 minh họa hai phiên bản khác nhau của một tấm danh thiếp 
(business card). Tấm danh thiếp bên trái trông có vẻ lộn xộn, chật chội 
vì văn bản và các hình vẽ đổ họa có kích thước lớn. Nó cũng thiếu đi 
tính trật tự của một phương án căn gióng nhất quán. Tấm danh thiếp 
bên phải có nội dung văn bản cùng hình vẽ dó họa tương tự tấm danh 
thiếp bên trái, nhưng đã được thu nhỏ kích thước và căn gióng lại. Việc 
thu nhỏ kích thước của văn bản và các hình vẽ đổ họa giúp tăng nhiều 
khoảng trắng trong thiết kế lên một chút, loại bỏ cảm giác lộn xộn ở tấm 
danh thiếp ban đầu. Bạn cũng có thể làm được như vậy bằng cách sử 
dụng các chữ có kích thước nhỏ; những chữ nhỏ hơn đem lại nét tỉnh tế 
cho một thiết kế danh thiếp. Các kích thước chữ phổ biến thường dùng 
cho thiết kế danh thiếp thường пат trong khoảng từ 7 đến 12 point, 
nhưng tôi đã từng nhìn thấy chữ có kích thước nhỏ hơn được sử dụng. 
Nếu xung quanh bạn có một số tấm danh thiếp, hãy quan sát chúng kỹ 
hơn để cảm nhận về những kích thước chữ mà nhà thiết kế đã sử dụng. 


Việc thu nhỏ kích thước chữ cũng tạo thêm một số khoảng trống để 
có thể sắp xếp lại phần văn bản vào các nhóm có tính lôgíc, nhằm nâng 
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Icetown, Wisconsin, 50700 
(555) 555-2424 
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Hình 5-21 Tám danh thiếp ban đầu bên trái trông có vẻ chật chội và bi ảnh hưởng bởi việc sử dụng quá nhiều 
kiểu căn gióng văn bản, như căn đều bên trái, căn đều bên phải và căn giữa. Việc thu nhỏ kích thước của chữ lẫn 
hình vẽ đồ họa (đề đảm bảo các chữ vẫn có thể đọc được với kích thước nhỏ) và sử dụng một phương án căn đều 


bên trái nhất quán đã giúp cải thiện đáng kể diện mạo của tấm danh thiếp. 
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cao tính tó chúc cüa trang mót cách có ly trí. Viéc di chuyén dóng tén và 
chúc danh ra xa khói dóng dia chi cüng só dién thoai tuy don giàn song 
dà giúp phán chia thóng tin thành các doan, giúp dóc già dé dàng luót 
qua nhung ván nám dugc nhüng thóng tin quan trong. Viéc chuyén cáu 
phương châm “Making Winter Beautiful Since 1723" (tam dịch: “Khiến 
mùa đông trở nên thi vj từ năm 1723”) xuống dưới cùng của trang, cách 
xa hẳn các thông tin khác giúp phân tách câu này với phần văn bản còn 
lại một cách thông minh, đồng thời giúp cho câu phương châm dù ở kích 
thước nhỏ vẫn trở nên nổi bật. Ngay cả độ dài của câu phương châm 
cũng đóng vai trò như một công cụ căn gióng vật lý và căn gióng lôgíc; 
câu này có độ dài đúng bằng độ dài của dòng “Winter By Design", khiến 
nó giống như một dấu ngoặc trực quan đóng lại phán thông tin văn bản 
nằm giữa nó và dòng tiêu để “Winter By Design”. 


Cùng với việc thay đổi kích thước văn bản, tôi cũng lựa chọn một kiểu 
font khác trông ấn tượng hơn với những letterform có các cạnh sắc nhọn, 
tương đồng với những cạnh sắc nhọn của hình vẽ đồ họa bông tuyết. 
Typeface ban đầu được sử dụng trong tấm danh thiếp bên trái (Times 
Roman) trông rất bình thường và buồn tẻ. Times Roman là typeface rất 
cơ bản, hầu như máy tính cá nhân hoặc máy tính Mac nào cũng cài sẵn 
font này. Bởi gần như tất cả những ai sở hữu máy tính đều dùng Times 
Roman, nén font này đã được sử dung quá nhiéu trong những năm gần 
đây. Đa số nhà thiết kế đều coi Times Roman là font chữ sáo mòn và 
nhàm chán, song nói như vậy không có nghĩa là bạn không bao giờ được 
sử dụng font này. Nó rất dễ đọc và phù hợp với các báo cáo hoặc bài 
luận nhiéu chữ. Y tôi muốn nói ở đây là: Đừng sử dung duy nhất một 
font Times Roman cho tất cả các trang mà bạn tạo ra. Bên cạnh đó, nếu 
việc lựa chọn typeface của bạn bị giới hạn, hãy cân nhắc sử dụng kết hợp 
những typeface khác nhau khi thiết kế tiêu để chính và tiêu để phụ, nhằm 
tạo ra sự đa dạng. Việc sắp xếp lại phần văn bản chữ cũng đồng nghĩa với 
việc cần sắp xếp lại các hình vẽ đồ họa. Kích thước lớn của các hình vẽ đồ 
họa trong tấm danh thiếp bên trái ở Hình 5-21 làm tăng thêm ấn tượng 
về sự chật chội trên trang, còn bông tuyết nhỏ duy nhất trong thiết kế 
bỗng trở nên lạc lõng khi so sánh với hai bông tuyết lớn hơn nó rất nhiều. 


"Tám danh thiếp được sửa đổi bên phải Hình 5-21 trông gọn gàng và 
ấn tượng hơn. Việc sử dụng ba bông tuyết với ba kích thước khác nhau 
giúp tăng thêm sự tương phản về kích thước cho trang và tạo ra ảo giác về 
khoảng cách. Việc thay đổi kích thước của các hình vẽ đồ họa cũng đồng 
nghĩa với việc chất ít thứ lên trang và tạo được nhiều khoảng trắng hơn. 
Khoáng trắng này chuyển động một cách tự nhiên từ bên trái sang bên phải 
trang, xuyên qua khoảng trắng giữa các nhóm văn bản. Để đạt được sự nhất 
quán, khoảng trống giữa các nhóm văn bản được thiết kế chính xác bằng, 
nhau. Khoảng trắng giữa các nhóm văn bản hình thành nên một sự lặp lại 
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nhe nhàng, vó hinh trung giúp gia táng tính tó chúc cüng nhu su ngay ngán 
tinh tế cho tấm danh thiếp. Nhìn tổng thể, bạn có thể thấy việc sửa đổi tám 
danh thiếp để đạt được phương án căn gióng căn đều bên trái mạch lạc, 
thay đổi kích thước của các hình vẽ đồ họa và lựa chọn một typeface sở hữu 
một số đặc tính trực quan giống như hình vẽ đồ họa đã biến tấm danh thiếp 
thành một thiết kế gọn gàng, ấn tượng hơn trước rất nhiéu. 


Ví dụ 3 


Hình 5-22 mô tả ba phiên bản khác nhau của một biểu đồ đơn giản. Các 
con số trong biểu đồ ban đầu nằm trôi nổi phía bên trái, khiến người xem 
phải đặt câu hỏi: Liệu các giá trị của biểu đồ được đọc ra từ những dấu gạch 
bên trái hay là đọc ra từ vị trí của các con số. Áp dụng nguyên lý của sự căn 
gióng để cố định những con số này vào đúng vị trí khi chạy theo trục tung 
nằm bên và khi chạy theo trục hoành bên dưới giúp tăng đáng kể tính dễ 
đọc, cũng như tăng tính tổ chức của các biểu đồ ở giữa và bên phải. Việc 
bổ sung một đường thẳng đứng nằm cạnh các con số còn giúp củng cố việc 
căn gióng trang, sự xuất hiện của một đường nằm ngang bên dưới tạo ra 
nén tảng vững chắc cho những cột biểu đồ ở bên trên. Tính căn gióng mach 
lạc trong các biểu đồ ở giữa và bên phải giúp độc giả xác định được rằng, giá 
trị của các cột được đọc ra từ những dấu tích (tick mark) bên trái, vì những 
đấu tích này được định vị ở chính giữa các con số từ 0 đến 50. Biểu đồ ở 
giữa đã được cải thiện đáng kể so với biểu đồ gốc (bên trái), nhưng chúng ta 
vẫn có thể cải tiến nó hơn nữa bằng cách thực hiện thêm vài thao tác nhỏ. 


Sales Units Per Year* 
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Hình 5-22 So sánh biểu đồ ban đầu (bên trái) với phiên bản được cải tiến hơn một chút (ở giữa) và phiên bản 
được cải tiến nhiều (bên phải). Việc căn gióng các cột với những con số trong biểu đồ ở giữa và bên phải, kết 
hợp với việc sử dụng các cột màu xám ở biểu đồ bên phải, giúp chúng trở nên dễ đọc và dễ hiểu hơn rất nhiều. 
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Việc bổ sung thêm những đường nét đứt chay cát ngang qua các 
cột giúp cải thiện hơn nữa tính dễ đọc của biểu đồ bên phải. Một chi 
tiết thiết kế khác là thay đổi những thanh màu đen thành các hiệu ứng 
bóng (shade) với các sắc độ xám khác nhau, đem lại sự tương phản và 
giúp người xem phân biệt rõ từng cột biểu điển cho từng năm. Việc sử 
dung màu xám giúp người xem có thé theo dói những đường nét đứt khi 
chúng cắt ngang qua các cột. Cột màu đen được đặt nằm giữa để những 
đường nét đứt chạy băng qua các cột bên trái và bên phải có thể giúp 
người xem theo dõi được các giá trị trên cột màu den. Trong cả hai biểu 
đồ ở giữa và bên phải, việc định vị lại tiêu để và dòng chữ có đánh dấu 
sao (*) sử dụng kiểu căn giữa giúp tạo nên sự cân bằng cho biểu đồ. Ở 
biểu đồ ban đầu, hai mẩu thông tin này được căn trái, diéu này làm toàn 
thể bố cục của biểu đồ thiên về phía bên trái, còn nếu sử dụng kiểu căn 
phải, biểu đồ lại quá thiên về phía bên phải. Việc thay đổi typeface trong, 
dòng tiêu để cũng như dòng chữ đánh dấu sao thành kiểu chữ đậm tăng 
thêm sự thú vị và tương phản trực quan cho biểu đồ, đồng thời tạo thành 
những dấu ngoặc bao lấy các thông tin của biểu đồ. 


Mặc dù đây chỉ là một thiết kế biểu đồ đơn giản, nhưng có thể dễ 
dàng nhận thấy vai trò của sự căn gióng trong việc nâng cao tính dễ đọc 
đối với biểu dó này. Diéu này luôn đúng khi thiết kế các biểu đồ, sơ đồ, 
bản đồ và bảng tính, từ đơn giản đến phức tạp. Phần lớn mọi người sẽ 
thấy việc đọc một trang có nhiều con số sẽ trở nên dé dàng hơn khi các 
giá trị được căn gióng theo cách dễ phán đoán. Sự bổ sung những thành 
phần trực quan như các đường nét đứt và thay đổi các sắc độ khác nhau 
của màu xám ở biểu đồ bên phải là những tính năng phụ thêm, giúp độc 
giả nắm bắt thông tin nhanh hơn, thậm chí chính xác hơn. 


Ví dụ4 


Cấu trúc ó lưới phát huy tác dụng nhiéu nhất khi được sử dung trong 
các tài liệu nhiều trang, ví dụ như bản tin. Tuy nhiên, một số người mới 
bắt đầu thiết kế e ngại rằng việc sử dụng một cấu trúc ó lưới sẽ làm cho 
các thiết kế của họ trông cứng nhắc, hoặc thấy rằng cấu trúc ô lưới đó 
quá gò bó. Sử dụng một cấu trúc ô lưới không có nghĩa là bạn trở thành 
nô lệ của nó. Các cấu trúc ô lưới thường linh hoạt hơn bạn nghĩ và cung 
cấp một loạt giải pháp dàn trang trực quan khả thi. Các cấu trúc ô lưới 
thông dụng thường được dùng cho những tài liệu nhiều trang, từ cấu 
trúc một cột cho tới bảy cột. Nhìn chung, càng có nhiều ô lưới cột trong. 
một bố cục thì bố cục đó càng trở nên linh hoạt. Hãy cùng xem xét tính 
linh hoạt của một ô lưới năm cột, được thể hiện bởi bốn trang bản tin 
ở Hình 5-23. Những trang này chỉ là vài trong số rất nhiều phiên bản 
bố cục khác nhau mà bạn có thể tạo ra khi sử dụng một ô lưới năm cột. 
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Hinh5-23 Mót vài phiên bàn bó cuc khác nhau trén một ó lưới năm cột. Viéc hòa trộn một hoặc 
hai cột có độ rộng hẹp với một cột rộng trên thiết kể dàn trang đem lại diện mạo. tinh tế cho thiết kể. 
Việc đặt các hình ảnh bên trong cấu trúc ô lưới giúp duy trì cảm giác về một cấu trúc ó lưới và hỗ trợ 
quá trình tổ chức trang. 
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Khi đã có một cấu trúc ô lưới vững chắc cho bố cục, với hầu hết văn 
bản, hình vẽ đồ họa và ảnh chụp được định hình cho khớp với ô lưới 
thì đôi khi, bạn có thể phá vỡ cấu trúc ô lưới đó một cách có chủ đích. 
Việc thiết lập một ô lưới vững chắc, sau đó phá vỡ cấu trúc đó sẽ thu hút 
sự chú ý của người xem và tăng thêm sự nhấn mạnh cho tổng thể trang 
(Hình 5-24). Các thành phần phá vỡ cấu trúc ô lưới xuất hiện ở một góc 
(angle) đặc biệt hiệu quả. Nhưng hãy cẩn thận với chuyện phá vỡ cấu 
trúc ô lưới quá thường xuyên, bởi làm như váy đồng nghĩa với việc bạn 
đang đi xa khỏi tính tổ chức của trang, 


— Regional Planning 
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Hinh5-24 Ba chiếc lá phá vỡ cấu trúc của ó lưới năm 
cột. Hãy chú ý tới cách chiếc lá ngoài cùng bên phải 
được đặt một cách cần thận để văn bản chỉ bao xung 
quanh viền bên trái của chiếc lá, chứ không bao quanh 
Vién bên phải. Điều bạn muốn tránh ở đây là tạo ra một 
đoạn văn bản bao quanh bức ảnh nhưng lại xuất hiện 
các dòng ngắn hoặc những từ được gạch nối ở một 
bên. Các dòng ngắn hoặc những từ được gạch nối 
thường khó đọc và các dòng “mồ côi" (“orphaned line") 


trông rất khó chịu về mặt thị giác. 
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Ví dụ 5 


Đôi khi, có thể bạn sẽ thấy mình đang thiết kế các trang cùng liên quan 
tới một chủ dé nào đó, nhưng chúng lại yêu cầu những kích thước và 
tính năng khác nhau. Tuy nhiên, các trang này vẫn phải có cùng một 
phong cách (style). Một phương thức để duy trì phong cách nhất quán 
này, ngay cả khi vẫn sử dụng các khổ giấy khác nhau là trung thành với 
một phương án căn gióng chung. Điểu này không có nghĩa là mỗi tác 
phẩm trông phải giống nhau một cách chính xác; thay vào đó, chúng 
dùng chung những thành phán trực quan như nhau. 


Tiéu dé thư, phong bi thư và danh thiếp ở Hinh 5-25 mô tả một 
phương án căn gióng chung đã được điều chinh cho phù hợp với kích 
thước cũng như tính năng của từng sản phẩm. Trong mỗi sản phẩm, nhà 
thiết kế đã trung thành với kiểu căn giữa văn bản và nhóm các thông tin 
lại với nhau một cách lôgíc, chẳng hạn như logo với tên doanh nghiệp. 
Mặc dù văn bản vẫn được căn giữa, nhưng nhà thiết kế đã thay đổi vị 
trí của văn bản cũng như hình vẽ đồ họa để tạo ra không gian rộng rãi 
tương ứng cho tiêu dé thư và thông tin bưu chính trên phong bì thư. Việc 
sử dụng logo, các chữ viết có kích thước giống nhau cùng với hình nền 
chú cá đã tạo nên một mối liên kết thị giác chặt chẽ giữa ba hình ảnh. 


Hình 5-25 Trung thành với một phương án căn gióng văn bản chung (trong ví dụ này là kiểu căn 
giữa) không có nghĩa rằng, tất cả các trang đều phải có diện mạo chính xác như nhau. Với nhiều 
kích thước khác nhau trong bộ tiêu đề thư, bạn có thể thử nghiệm vị trí đặt các thành phần trực 
quan, ngay cả khi văn giữ nguyên một phương án căn gióng văn bản. 
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PHAN TICH CAU TRÚC TRANG NÂNG CA 


Trong bài phân tích cấu trúc trang nâng cao này, chúng ta sẽ xem xét 
những thay đổi tinh tế vé sự căn gióng, lựa chọn typeface và dạng thiết 
kế ký tự của font chữ có thể đưa một thiết kế trang từ mức “chấp nhận 
được” (Hình 5-26) lên mức “tốt hơn rất nhiều” (Hình 5-27) như thế nào. 


Sự chồng chéo của hai letterform này trông rất xấu. Ký tự “r” và “t” 
dính vào nhau, khiến chúng có thể bị hiểu là hai ký tự riêng biệt, 
hoặc một kiểu ký tự mới dạng khắc lên dá. Diéu này tạo ra sự тар 
mở về mặt trực quan, làm giảm di vẻ đẹp của thiết kế letterform. 


Tám poster này sử dụng duy nhất một kiểu cán gióng 
căn đều bên phải, gây ra sự mất cân bằng, khiến 
phần bên phải của tám poster trông nặng né hơn 
về mặt trực quan. Ngoài ra, đường nghiêng quá mức 
của typeface tiêu dé cùng với các nét (stroke) dạng 
ngang dài khiến việc сап gióng chữ tiêu dé về bên 
phải gặp nhiều khó khăn. 


Typeface tiêu đề, ITC уем (của Tập đoàn Typeface 
Quốc tế (International Typeface Corporation - ITC) - 
một trong những nhà phát hành kiểu chữ lớn trên thế 
giới) có kiểu dáng đặc trưng là phóng khoáng và uốn 
lượn như ngon lửa. Letterform nghiêng của font [TC 
Aspera truyền tải cảm giác về sự gấp rút, táo bạo, sáng. 


Pipermaking 


m cam tạo và cá tính. Typeface tuyệt dep này có một cá tính 
18 papermaking trực quan rất mạnh và sức thu hút thị giắc mạnh mẽ. 
materiala, утка, Tuy nhiên, độ nghiêng lớn của nó không phù hợp với 
and tcoriues phong cách cán gióng căn đều bên phải. Do nhà thiết 


kế hoàn toàn tin tưởng và cảm thấy typeface này có 
thể hỗ trợ hoàn hảo cho concept cần truyền tải, nên 
có thể cán tìm ra một phương án căn gióng khác. 


simmer2 
#m-dym, —— 
mivlay-fridny 
3365:001 


Dia йит, 
— 


Trưởng hợp quá lạm dung: ITC Aspera là một font 
chữ tuyệt đẹp, nhưng việc sử dụng font này cho cả 
tiêu để lấn văn bản nội dung giống như bạn đang 
thưởng thức một chiếc bánh phủ kem, sau đồ lại 
phải nuốt tiếp cả một tô kem phủ nữa. 


Hình 5-26 Trang này trông khá ổn, nhưng vẫn tồn tại một số thiếu sót khó phát hiện, mà nếu khác phục được 
sẽ giúp cho trang thêm rõ ràng và mạch lạc hơn về mặt trực quan. 
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Nhà thiết кё đối mặt với hai lựa chon quan 
trọng: Hoặc thay đổi typeface khác, hoặc 
điều chinh ký tự t" của typeface ICT Aspera 
cho phù hợp với thiết kế, Nhà thiết kế rất 
tin tưởng vào typeface này, nên đã lựa chọn 
tạo hình lại cho ký tự “t; sử dụng Adobe 
Illustrator. Ký tự “t” mới có nét ngang ngắn 
hơn nhiều, để chüa ra một khoảng trống nhỏ 
giữa chü^r" và chat" 


Art 
Papermaking 


an introduction 


Dựa trên đặc tính nghiêng, uón lượn như 
ngọn lửa của typeface ICT Aspera, nhà thiết ké 
dà lựa chọn thiết lập chữ tiêu dé theo phương 
án căn gióng bất đối xứng. Su căn gióng này 
hướng thị giác của độc giả một cách tự nhiên 
xuống phía dưới, tir bên trải sang bên phải 
cho tới vị trí của văn bản nội dung cỏ kích 


to papermaking thước nhỏ hơn (dòng chảy). 

materials, processes, 

and techniques 

summer 2 

8am-4pm, 

monday-friday Việc thay đổi kích thước chữ bên trong tiêu dé 

3365:001 nhấn manh các tử quan trọng, đồng thời tạo 
е ——=——= ra tính da dang trực quan (sự nhấn mạnh). 

lisa graham, 

instructor 

š Bodoni Book là một font chữ Serif cổ điển, 
L— Khoảng cách giữa các cụm văn bản nội dung khá rộng, truyền tải cảm giác cổ kính, rất phủ hợp với 

song vẫn đủ gần để mắt người xem không phải dừng lại font ICT Aspera. 


giữa các đoạn văn bàn. 


Hình 5-27 Chỉ một chút thay đổi tinh tế đã thực sự giúp cải thiện thiết kế trang này. 
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TÓNG KËT 


Căn gióng là một nguyên lý rất hữu dụng cho những thiết kế một trang 
hoặc nhiều trang. Các nhà thiết kế trang làm việc với những ấn phẩm 
nhiều trang như bản tin, tạp chí hoặc sách sẽ thu được rất nhiều lợi ích 
từ việc thiết lập một phương án căn gióng rõ ràng dưới dạng một ó lưới. 


Phương án căn gióng bạn lựa chọn cho các chữ trong trang tác động 
rất lớn đến ấn tượng chung về thông điệp mà trang muốn truyền tải. 
Phương án căn gióng căn đều bên trái rất dë đọc. Phương án căn gióng 
căn đều bên phải khó đọc hơn, nhưng đem lại cảm giác mạo hiểm và hơi 
hướng hiện đại. Phương án căn giữa rất dễ để sắp xếp trên trang, nhưng 
đem lại cảm giác có chút gì đó kiểu cách và trang nghiêm. 


Nguyên lý của sự căn gióng được sử dụng để tổ chức các trang thành 
những thông điệp mạch lạc, có trật tự. Các trang thiếu một phương án 
căn gióng rõ ràng trông thường hỗn độn và hơi lộn xộn, ngay cả khi được 
thiết kế tốt. Thiết lập một phương án căn gióng nhất quán trên trang sẽ 
giúp trang trở nên trật tự hơn, nâng cao diện mạo chuyên nghiệp. 


CÂU HỎI TRẮC NGHIỆM SỐ 5 

Điển đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Căn gióng Dòng chảy 
Ô lưới Hình dạng cụ thể 


i là một hé thống các đường ngang dọc phân chia trang, 
không được in ra mà chỉ hỗ trợ nhà thiết kế trang trong việc sắp 
thẳng hàng các thành phán một cách nhất quán trên trang. 


2. Nguyên lý của sự phụ thuộc vào việc sắp thẳng hàng các 
cạnh hoặc trục của một số thành phần so với những yếu tố khác 
trên cùng một trang. 


3. Hãy kể tên bốn phương án căn gióng văn bản cơ bản. 
4. Khi một khối văn bản được tạo hình thành một ảnh, nó được gọi là 
phương án căn gióng 


5. Các cột văn bản được căn tháng hai lé có xu hướng tạo ra những 
khoảng eo trắng giữa các từ được gọi là à 
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BÀI TÀP 


Bài tập 1 


Tám danh thiếp ở Hinh 5-28 có quá nhiều kiểu căn gióng khác nhau. 
Hãy vẽ lại những thành phần trực quan và thiết kế lại tấm danh thiếp 
này, tập trung vào việc áp dụng các phương án căn gióng. Hãy làm cho 
tấm danh thiếp phát huy hiệu quả với một kiểu căn gióng duy nhất. Thực 
biện điều này ít nhất hai lần, sử dụng các phương án căn gióng khác 
nhau. Nếu bạn muốn mạo hiểm hơn, hãy thay đổi hướng của tấm danh 
thiếp từ chiều ngang sang chiéu doc. 

Ghi chú: © đây, tôi dà tao ra tấm danh thiếp với kích thước thực sự 
lớn để bạn dễ vẽ lại những ký tự và con số có kích thước nhỏ hơn. Dĩ 
nhiên, các tấm danh thiếp thực tế nhỏ hơn như thế này rất nhiều. 


Be 


(555) 555-5151 I fax: (555) 555-5152 


Nova Techwerks 


Stacy Kiphearn 347 New Tech Lane 
Sales Associate Waterloo, lowa 50703 
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Bài tập 2 


Hãy tìm một bài thơ hoặc một trích đoạn mà bạn yêu thích, sau đó sắp 
xếp văn bản theo một phương án căn gióng nâng cao, chẳng hạn như 
bất đối xứng, chạy vòng quanh đối tượng hoặc hình dạng cụ thể. Bạn có 
thể giải bài tập này theo nhiều cách khác nhau: Photocopy bài thơ và cát 
đán các từ theo cách sắp xếp mới của bạn; tìm các từ hoặc cụm từ riêng 
lẻ trong những bản tin hoặc tạp chí, cắt chúng ra và dán chúng lên một 
thiết kế mới; hoặc, bạn cũng có thể dùng máy tính để tạo ra các con chữ. 
Bạn còn có thể sử dụng thêm màu sắc hoặc hình ảnh, song đây không 
phải là yêu cầu bắt buộc. Hình 5-29 minh họa một mẫu giải pháp khả thi 
cho bài tập này: Các chữ được sắp xếp bất đối xứng trông như thể chú gà 
trống đang “xướng lên” các chữ của bài thơ vậy. 
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Henry Van Dyte 


Hình 5-29 Hinh này minh họa một mẫu giải pháp khả thi cho Bài 
tập 2. Hình ảnh chú gà và phương án sắp xếp theo kiểu bất đối xứng 
giúp củng cố thêm ý nghĩa của trích đoạn thơ. 


SU LẶP LAI 


Hiểu rõ tám quan trọng của sự lặp lại (repetition). 
© Tim hiểu tác động của sự lặp lại lên một thiết kế. 


„ Đánh giá đúng sự phù hợp của tính thống nhất 
(unity) trong một thiết kế và cách thức để đạt được 
sự thống nhất nhờ kỹ thuật lặp lại các thành phán 
trực quan. 


+ Làm quen với các lý thuyết Gestalt chính, đồng 
thời tìm hiểu tầm quan trọng của những lý thuyết 
này đối với thiết kế trang. 


e Đánh giá đúng tính hữu dụng của việc thiết lập 
một kế hoạch sử dụng typography cho tổng thể 
dự án, nhằm làm nổi bật nguyên lý của sự lặp lại. 


« Làm quen với việc sử dụng sự lặp lại bằng cách 
nghiên cứu các ví du trong chương. 


Giống như nhà soạn nhạc lặp lại những nốt nhạc để tạo 
nên giai điệu thống nhất trong một bài hát, bạn cũng có 
thể lặp lại các thành phán trực quan nhằm tạo nên một cấu 
trúc thống nhất cho toàn bộ trang. Một trong những muc 
đích chính của nguyên lý của sự lặp lại là gắn kết hoặc phân 
tách các thành phần trực quan trong thiết kế. Việc lặp lại 
các thành phần trực quan như đường thẳng, hình dạng, 
hình ảnh, họa tiết,... hình thành nên một nhịp điệu về thị 
giác (visual rhythm), giúp tăng thêm tính chặt chẽ cho cấu 
trúc tổng thể của thiết kế, đồng thời khiến thiết kế trở nên 
thống nhất và gắn kết hơn (Hình 6-1). 


E 
^ 


122 PHÁN MOT CƠ BẢN VÉTHIÉT KẾ VÀ BŐ CUC DÀN TRANG 


Lặp lại là kỹ thuật rất quan trọng trong mọi thiết kế, bất kể thiết kế đó 
bao gồm một hay nhiều trang. Khi áp dụng nguyên lý của sự lặp lại, các 
trang của bạn trông rõ ràng, cuốn hút hơn, trong khi thiết kế mạch lạc 
của những trang này sẽ khiến khán giả nghĩ rằng bạn đang kiểm soát rất 
tốt, rất tỉnh tế trang do mình tạo ra. 


Để sử dụng nguyên lý của sự lặp lại, nhà thiết kế phải lựa chọn kỹ 
lưỡng và áp dụng nhất quán các thành phán trực quan trên một trang. 
Viéc lựa chọn và áp dụng nhất quán những thành phần này cho các trang 
của bạn có thể chỉ đơn giản là lặp lại các đường thẳng hoặc hình ảnh 
trên toàn trang, Các thành phần lặp lại không nhất thiết phải hoàn toàn 
giống nhau, như minh họa ở Hình 6-2. Trong hình này, đường kẻ màu 
xám được lặp lại nhưng với các độ dày (width) khác nhau: Đường đậm 
nhất nằm bên dưới tiêu để, nhằm nhấn mạnh tẩm quan trọng của dòng 
tiêu dé; đường mảnh nhất nằm ở lé đưới cùng. Thậm chí, hai bức hình 
khung xương tuy khác nhau song vẫn phát huy được nguyên lý của sự lặp 
lai, bởi cả hai đều là các hình minh họa được vẽ theo thủ pháp vẽ minh 
họa nét (line art) và đều gắn kết với hình ảnh về khái niệm giống nhau, 


Lặp lại cũng có nghĩa là trong một tài liệu nhiều trang, chẳng hạn 
như bản tin, bạn có thể sử đụng cùng một typeface, kích thước và màu 
sắc cho toàn bộ các tiêu dé. Hoặc, bạn có thể duy trì những khoảng cách 
1 nhất quán cho tất cả các trang trong bản tin. Có vô số cách để tạo ra 


X. Á 
ookoff , 


EN 


Hinh6-1 Logo bên trái thiếu sự lặp lại và trông khá mờ. nhạt. Logo bên phải phát huy được sức mạnh 
của sự lặp lại nên trông thống nhất, thú vi và tỉnh tế hơn nhiều về mặt thị giác. 


sự lặp lại. Bát kể trong trường hợp nào, hiệu quà chung mà việc áp dụng 
thận trọng nguyên lý của sự lặp lại có thể đem đến là các trang của bạn 
trông sẽ thú vị, trật tự, thống nhất và nhất quán hơn về mặt thị giác. 


Nhiều người mới bắt đầu thiết kế đã áp dụng nguyên lý của sự lặp 
lại trong các thiết kế của họ, dù ít hay nhiều. Khi dùng một thành phần 
trực quan từ hai lần trở lên trên một trang (biểu tượng đánh dấu đầu 
dòng, đường thẳng, ký tự hoa đầu dòng,...), có nghĩa rằng nhà thiết kế 
dang áp dung nguyên lý của sự lặp lại. Diéu mà nhiều người mới thiết 
kế không làm được là phát huy sức mạnh thực sự của nguyên lý của 
sự lặp lại. Các thiết kế của họ thường yếu hơn so với mong đợi, không 
phải vì không có bất ky sự lặp lại nào, mà là do nhà thiết kế không tìm 
kiếm đủ cơ hội để áp dụng điều này. Để phát huy đẩy đủ sức mạnh của 
sự lặp lại, nhà thiết kế phải tìm được các thành phần trực quan để tiến 
hành lặp lại, đồng thời làm nổi bật thực sự tính nhất quán (consistency) 
trong việc áp dụng những thành phần trực quan trên trang. 
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Hình 6-2 Trang này lặp lại một số thành phán trực 
quan đơn giản để tạo nên sự thống nhất cho thiết kế, 
bao gồm những đường kẻ màu xám, danh sách đánh số 
đầu dòng và các bức hình khung xương. 
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SU THÓNG NHÁT VÀ GESTALT 


Khi nhà thiét ké láp lai mót só khía canh truc quan của thiết kế, lợi ích 
mà trang tổng thể thu được là trông nó có vẻ thống nhất hơn. Có thể đạt 
được sự thống nhất (unity) khi tất cả các thành phần tách rời trên một 
trang trông như thuộc về nhau. Thị giác của độc giả luôn tìm kiếm sự 
thống nhất; khi không tìm thấy điều này, họ sẽ mất hứng thú để đọc tiếp. 
Ngược lại, một thiết kế thống nhất sẽ giúp độc giả dë đọc, ghi nhớ và tiếp 
nhận thông điệp hơn. Sự thống nhất đặc biệt quan trọng trong các ấn 
bản nhiều trang, chẳng hạn như tạp chí hoặc bản tin - đây là những tác 
phẩm bắt buộc nhà thiết kế phải đạt được một diện mạo nhất quán giữa 
nhiều trang khác nhau, chứa các nội dung không giống nhau. 


Sử dụng nguyên lý của sự lặp lại để đạt được một thiết kế thống nhất 


nghĩa là lặp lại một số khía cạnh trực quan của thiết kế. Ví dụ, trong một 
layout bản tin gồm bốn trang, việc lặp lại thành phán trực quan có thể là 
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Hình 6-3 Phuong án tổ chức của các trang sách này được thiết lập bằng nhiều yếu tố được lặp lại. Dòng tiêu 
dé được lặp lại ở đầu các trang với kích thước và typeface giống nhau, kèm theo đó là một đường kẻ màu xám. 
Những khoảng cách lề không đổi kèm theo sơ đồ thiết kế dàn trang ba cột giúp tăng cường tính thống nhất và 
gắn kết giữa các trang. Những đường kẻ mảnh phân chia các cột, tạo ra tạo ra sự lặp lại của cấu trúc dọc. Sự kết 
hợp của các thành phần lặp lại này giúp hình thành nên một thiết kế có cấu trúc, đảm bảo tính thống nhất. 
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typeface dám düng cho một tiêu để, các đường kẻ bên dưới mỗi tiêu dé và 
tiêu để phụ, sử dụng thống nhất màu sắc, font họa tiết ở đầu mỗi đoạn văn 


bản,... Việc lặp lại thành phần trực quan giúp 
họa tiết lặp lại, từ đó thiết lập một diện mao nhất quán. 


tạo nhịp điệu về thị giác hay 


Nguyên lý của sự lắp lại tận dụng trí năng của con người trong Việc 
quan sát và đưa ra kết luận từ các họa tiết lặp lại. Khi quan sát những 
sự vật hoàn toàn giống, nhau hoặc có sự tương đồng, chúng ta thường 
nhóm chúng lại một cách rất tự nhiên; chúng ta cũng nhìn thấy mối liên 
hệ trực quan giữa các thành phán. Khi trông, thấy các yếu tố lặp lại, theo 


bản năng, người xem sẽ cho rằng ở đây đang có mi 
nhất quán (Hình 6-3). Do. vậy, cám nhận chung về tổng thể thiết 


đang đạt được su thống nhất. 


ột phương án tổ chức 
kế là nó 


Các nhà thiết kế đồ họa đã vay mượn thuật ngữ Gestalt từ bộ môn 
tâm lý học của người Đức đầu thập niên 1990, nhằm giải thích lý do tại 


sao một thiết kế thống nhất trông lại thú vị hơi 
biệt của nó. Các nhà thiết kế sử dụng thuật ngữ Gestalt để 


m những bộ phận riêng 
chỉ một cấu 


trúc, cấu hình hoặc layout có những thuộc tính riêng biệt, trông thú vị 
và thống nhất hơn là su tổng hợp (cháp vá) đơn giản các phần riêng 


rẽ của nó (Hình 6-4). Ví dụ, khi đọc những ký tự này, 


trước tiên bạn 


Hình 6-4 Hình này chỉ ra “Gestalt” là 
gì. Hình “mặt người” (bên dưới) được tao 
thành bằng cách sắp xếp các hình hơn 
là sự tổng hợp đơn giản của những bộ 
phận riêng rë (bên trên). 


& 
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cảm nhận chúng như một từ, kế đến là ý nghĩa của chúng, chứ không 
phải đang nhìn vào những ký tự riêng biệt, Bạn vẫn có thể nhìn vào 
từng letterform, nhưng phần cốt lõi của thông điệp còn vượt lên trên cả 
những letterform. riêng biệt - đó chính là ý nghĩa của bản thân các từ, 


Hinh/nén (figure/ground): Đây là một thành tố quan trọng của nghệ 
thuật tạo hình, giúp chúng ta nhận diện và phân biệt trực quan các 
đối tượng (hình) với nền của chúng. Hình còn được gọi là thành phần 
duong (positive), trong khi nén được goi là thành phần âm (negative). 
Quy luật về hình/nền hoàn toàn phụ thuộc vào nguyên lý thiết kế 
tương phản. Trong cuốn sách này, bạn cũng dựa vào luật hinh/nén: 


giữa các ký tự màu đen (hình) trên giấy màu tráng (nén). Luật hình/ 
nền còn cho phép độc giả phân tách các lớp. ý nghĩa, như minh họa 
ở Hình 6-5, Khi lướt qua hình ảnh này, trước tiên bạn sẽ nhìn thấy 
một hình màu đen trên nền giấy màu trắng; quan sát gần hơn, bạn 
sẽ phát hiện ra một lớp. ý nghĩa khác: Có một dấu trừ bên trong một 
dấu cộng. Hiểu rõ tính khả dụng của mối quan hệ hinh/nén là điều 
rất quan trọng để tạo ra các thiết kế тб ràng, bởi ngay cả một khoảng 
trống cũng có thể tác động sâu sắc tới ý nghĩa của thiết kế. 


Sự lân cận (proximity): Nhüng thành phán dugc dàt gán nhau vé mát 
khóng gian së tróng nhu thuóc vé mót nhóm (Hinh 6-6). Càng 
được đặt gần nhau vé mặt không gian, các thành phần càng được 
coi là thành viên của một nhóm có tổ chức và thống nhất. 


Sự đóng kín (closure): Như một lẽ tự nhiên, con người có xu hướng 
khép kín các khoảng hở thành một khuôn hình (form), đặc biệt là 
những khuôn hình quen thuộc (Hình 6-7). Chúng ta luôn tìm cách 
khép kín khuôn hình để làm cho chúng vüng chắc hon. 

Sự liên tục (continuation): Thi giác con người tim kiếm mối quan hệ 
giữa các hình dạng (shape), và sự liên tục xảy ra khi mắt dõi theo 
một đường thẳng, đường cong hoặc một dày hình, ngay cả khi 
chúng cắt ngang những hình âm dương (Hình 6-8). 

Sự tương đồng (similarity): Các thành phần trực quan có hình đạng, 
kích thước, màu sắc, sự lân cận và phương hướng giống nhau được 
coi là thuộc một nhóm (Hình 6-9). Yếu tố tạo hình về nhận thức . 
này có thể được tạo ra bởi nguyên lý của sự lặp lại; cho nên, nếu 
thiếu sự lặp lại về màu sắc, đường thẳng, hình vẽ đổ họa, văn bản và 
khuôn hình, cảm nhận trực quan về sự tương đồng sẽ không xảy ra. 


Hinh6-5 Ý nghĩa kép của icon (hình tượng) 
này tùy thuộc vào mối quan hệ giữa hình (dấu 
cộng) và nền (dấu trừ). 
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Hình 6-8 Thi giác của chúng ta dói theo 
hướng chỉ của những mũi tên,hoặc dòng chảy 
(flow) của một từ chạy băng qua các hình. 
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Hình 66 Chúng ta xem những khuôn hình 
và hình dạng nằm gần nhau như các nhóm. 


CLOSZRE 


Hình 6-7 Thị giác của chúng ta luôn tìm để 
“đóng kín" những khuôn hình tương đồng. 


Hình 6-9 - Thị giác của chúng ta xem các khuôn 
hình tương đồng như thuộc về một nhóm. Trong 
trường hợp này, số 4 được tao thành từ những 
hình tròn màu đen trên một vùng toàn các hình 
tròn mầu xám. 
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MÁCH NHỎ 

_Khán. gå luôn muón tháy 
sự nhất quán trong thiết 

| kể, nhất là trong các tài liệu 
nhiều trang, bởi một thiết 
kế nhất quán, được tổ chức 

| tốt sẽ dễ đọc hơn, Độc giả 
sẽ cảm thấy thoải mái hơn 
với những trang nhất quán 
Và muốn đọc thông điệp 
mà bạn gửi gắm. Và như 
Vậy, nội dung truyền đạt sẽ 
được tiếp nhận, 


CÁC VÍ DỤ VỀ SỰ LẶp LẠI 


Ví dụ 1 


Có vô số cách ёт năng để vận dụng sự lặp lại trong thiết kế của bạn. 
Sự lặp lại từ đơn giản tới phức tạp, hay tất cả những biến tấu sáng tạo 
của việc lặp lại, luôn đem đến lợi ích cho các thiết kế trang. Có lẽ xuất 


nhạt nhẽo, nhàm chán có thể được “hô biến” thành sự thú vị trực quan 
đối với người xem, 
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repetition 
repetition 


re pe tỉ tỉ on 


RE pe TI tỉ ON 
rePEtiTlon 


Hình 6-10. Một chút thay đổi đơn giản về chữ trong một từ có thể tác động 
đến không chỉ hình thức của từ mà còn ảnh hưởng tới cả cách đọc và hiểu của 
độc giả. 


оссун скен GU 


Work expands so as 
to fill the time available EXPANDS 


z з SO AS TO 
for its completion. 


-Parkinson's Law 
THE TIME AVAILABLE FOR 175 


COMPLETION 


—PARKINSON'S LAW 


Hình 6-11 Đừng ngại kết hợp táo bạo giữa typography với sự lặp lại để biến một thiết kế bình thường (bên trái) 
thành một thiết kế khác thường (bên phải). 
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Việc lặp lại đường thẳng màu đen đậm ở bên trên và bên dưới trích 
đoạn hình thành nên một cấu trúc khung chứa trích đoạn bên trong, thể 
hiện khái niệm về khoảng thời gian (từ trên xuống dưới = từ bắt đầu tới 
kết thúc = khoảng thời gian). Để có thể chứa vừa những từ bên trong 
khoảng không gian nằm giữa hai đường thẳng, kích thước và typeface 
của các từ được thay đổi khác nhau, Việc tăng kích thước của một số 
từ giúp nhấn mạnh ý nghĩa của chúng; ví dụ, từ “fl” có kích thước lớn 
nhất và chiếm toàn bộ vùng không gian từ lé trái sang lề phải. Những từ 
khác có kích thước nhỏ hơn, do chúng có mức tác động khái niệm nhẹ 
hơn. Tuy nhiên, đây là những từ cần thiết giúp bạn có thể hiểu dáy đủ vé 
trích doan, ván dé chi là chúng ván hoat dóng tót vói kích thuóc point 
nhỏ hơn. Kích thước chữ nhỏ được lặp lại trên ba dòng, xen kë là các 
chữ đậm có kích thước lớn hơn, điểu này tạo nên sự tương phản về kích 
thước lặp lại đi lặp lại, giúp gia tăng sức lôi cuốn thị giác cho thiết kế. 


Các chữ lớn và chữ nhỏ đem lại cơ hội thay đổi lựa chọn về typeface 
cho thiết kế. Để đa dạng, thiết kế này sử dụng hai typeface tương phản 
nhau. Lý do chọn hai typeface này là vì trông chúng có vẻ thô so: Su góc 
cạnh đặc biệt của letterform nhấn mạnh trực quan cho sắc thái đữ dội, cáu 
kinh hàm chứa trong trích đoạn. Ngoài ra, độ đậm (boldness) dày đặc của 
các chữ lớn lặp lại độ đậm của những đường gạch bên trên và bên dưới, 
giúp gắn kết về thị giác tất cả các từ trong trích đoạn vào một nhóm. 


Như bạn có thể thấy từ sự tương phản giữa trích đoạn gốc và trích 
đoạn sửa đổi ở Hình 6-11, có rất nhiều cách để kết hợp các lựa chọn 
typography đậm với sự ip Ví du này chi là 


bên trái trông khá mờ nhạt, thiếu chuyên nghiệp vì thiếu một phương 
án căn gióng mạch lạc, nhấn mạnh chưa rõ ràng và thiếu sự lặp lại. Các 
dòng chữ cũng cán được sắp xếp lại cho tỉnh tế hơn, nhằm kết nối lôgíc 
thông tin với những mục tương ứng. Như bạn có thể thấy, khoảng trống 
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bằng nhau giữa các dòng chữ trông như đang tách biệt thông tin khỏi 
những mục tương đứng, Chính điều này đã làm suy yếu mối quan hệ lôgíc 
giữa chúng, ví dụ như khoảng trống kép giữa tiêu để “Education” (tạm 
dịch: “Trình độ học vấn”) và những dòng bên dưới nó, Xóa khoảng trống 
kép vụng về này sẽ ngay lập túc tăng cường, mối liên hệ lôgíc giữa các tiêu. 
để và dòng dưới, giống như bản lý lịch cá nhân bên phải. 


Chuẩn hóa phương án căn gióng thành căn đều bên trái giúp nâng 
cao hình thức tổng, thể của bản lý lịch cá nhân. Bản lý lịch cá nhân gốc 
kết hợp kiểu căn giữa với kiểu căn đều bên trái cho văn bản, điều. này góp 
phần tạo nên diện mạo thiếu chuyên nghiệp và thiếu quyết đoán của bản 
lý lịch cá nhân. Tuy nhiên, di chuyển văn bản theo phương án căn đều 
bên trái để lại một vùng trống rộng bên trái, khiến bản lý lịch cá nhân trở 
nên thiếu tinh tế vì mất cân bằng, (Hình 6-13). Bổ sung thêm các đường, 
kë đem lại cơ hội kết hợp mạnh mẽ Sự lặp lại vào trong, thiết kế, đồng 
thời khắc phuc ấn tượng, về việc có quá nhiều khoảng trắng (xem bản lý 
lịch cá nhân ở Hình 6-12). 


Jane Quincy Doe. 

74300 Sentry Drive 
ТА 50703 

(555) 2555555. 


Objective 


Lorem ipsum dolor sit amet, con seeteteur adipsicing elit, sed дата 


nonnumy eusidnod tempor inci dunt ut labore. Lorem ipsum dolor sit amet, consecetur adipsicing di, sed бата 


Vonmumy cusdnod tempor inci dunt ut оке. 


Education 


Education 


Уста Technical School, August 2005 prem Vel illum dolor 
Je cgi mulla бейи и vero со Nam liber tempor Cn soluta 
nobis. 

Josewa High Schon байымы in rop 10 af рн HS 
interests in automotive technologies, geography, geometry and related. 
inertes. Eigent орбо conque nibil impediet doming. id quot 
maxim plecat facer possum omnis voluptas 


зоном Technical School, August 2005present Vel illum dolor ex feugiat 
зоо ейн t veo cor Nam Tiber tempor cum soluta nobit: 


Joetown High School. Graduated in юр 10% of class: Special interests in 
Јо нк темей, geopaphy, geometry and клеї mathematics. 
aome н сири ibi pei denbg quot mei pc “CỐ 
possum omnis volupta. 


Experience. 


Work Study Automotive Lab Monitor, August 200501660 Duties inchide 
КЧ а seque nisl inpet doming id quot musim pea Бон 
possum omnis voluptas 


Jos Grill, December 2005 Augas 2005. Nam ber tempor cum soluta 
nobis. 


Skills 


Nun ka tempor cum set ng Lorem ipsum deor й 27 
ып War tergor cum vota nolis Lorem ipsum dolor 6 an 


Hinh6-12 50 sánh bản lý lich cá nhân trông mờ. nhạt, thiếu chuyên nghiệp bên trái với bản lý lịch sửa đổi bên 
phải. Sử dụng khéo léo sự lặp lại, căn gióng và nhấn mạnh có thể dem lại một bản lý lịch cá nhân trông tình té, 
chuyên nghiệp hơn rất nhiều. 


ё 
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Hình 6-13 


Di chuyển văn bản 


theo phuong án cán déu bén 


trái dé lai 
tráng ó bén 


Quá nhiéu khoàng 
trái trang. 


bản lý lịch cá nhân, khiến thiết kế này trông thống nhất, năng động và 


Jane Quincy Doe 


4300 Sentry Drive. 
Anytown, IA 50703 
(555) 255-5555 


Objective 
Lorem ipsum dolor sit amet, con secteteur adipsicing elit, sed Фата 
nonnumy eusidnod tempor inci dunt ut labore. 


Education 


Joetown Technical School, August 2005-present. Vel illum dolor 
u feugiat mulla facilsi at vero eos, Nam libcr tempor cum soluta 
nobis. 


Experience 
Work Study Automotive Lab Monitor, August 2005-present, 
Duties include eligent option conque nibil 
maxim pl 

Joey's Grill, 
soluta nobis. 
Skills 


Nam liber tempor cum soluta nobis, Lorem ipsum dolor sit amet, 


December 2003-August 2005, Nam liber tempor cum 
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Lặp lại là nguyên lý có thể được thúc đẩy thực sự. Nếu manh dan áp 
dụng nguyên lý này, bạn sẽ bất ngờ vì các thiết kế trang của mình trông 
tỉnh tế và năng động hơn rất nhiều. Hãy nhìn vào bản lý lịch cá nhân ở 
Hình 6-14. Việc bổ sung phương án lặp lại các hình chữ nhật màu đen 
và những chữ tiêu để màu trắng thực sự nâng cao tác động tổng thể của 
thiết kế trang. Thiết kế trang này trông rất rõ nét, cực kỳ dë đọc, đồng 
thời tạo nên diện mạo và cảm nhận (look and feel) gắn kết rõ ràng. Một 
tác dụng khác của việc nhấn mạnh sự lặp lại trên trang này là đem đến 
cho độc giả ấn tượng về chủ nhân của bản lý lịch cá nhân: Đó là một 
người chuyên nghiệp, có đầu óc tổ chức tốt và rất tự tin. 


шиш — 


4300 Sentry Drive 
Anytown, IA 50703 
(555) 255-5555 


mem 


Lorem ipsum dolor sit amet, con secteteur adipsicing elit, sed бата 
nonnumy eusidnod tempor inci dunt ut labore. 


pnm; — 7 1. 


Joetown Technical School, August 1995-present. Vel illum dolor 
eu feugiat mulla facilsi at vero eos. Nam liber tempor cum soluta 
nobis. 

Joetown High School. Graduated in top 10% of class. Special 
interests in automotive technologies, geography, geometry and related 
mathematics. Eligent option conque nibil impediet doming id quot 
maxim plecat facer possum omnis voluptas. 


кшт Уу 


Work Study Automotive Lab Monitor, August 2005-present. 
Duties include eligent option conque nibil impediet doming id quot. 
maxim plecat facer possum omnis voluptas. 


Jocy's Grill, December 2003-August 2005. Nam liber tempor cum 
soluta nobis. 


mm Hình6-14 Nhấn mạnh nguyên 


Nam liber tempor cum soluta nobis. Lorem ipsum dolor sit amet. lý của sự lặp lại trong bản lý lich 
cá nhân giúp trang trông hiệu 
quả hơn về mặt thị giác. 
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Hình 6-15 Mặc dù không. 
giống nhau nhưng những 
hình minh họa nhỏ phía 
bên phải trang có liên quan 
vé mặt ý niệm, tạo án tượng 
rằng chúng là các thành 
phần lặp lại. 


Ví dụ 3 


Một khía cạnh quan trọng để áp dụng thành công nguyên lý của sự lặp lại 
trong các thiết kế là lựa chọn một hoặc nhiều thành phần mà bạn sẽ lặp 
lại. Bạn có thể lặp lại thành phẩn trực quan vài lần (ví dụ như đường kẻ 
trong những hình minh họa trước), hoặc có thể lặp lại các hình ảnh có 
sự liên quan về mặt thị giác hoặc khái niệm. Những hình ảnh có sự liên 
quan về mặt thị giác hoặc khái niệm nghĩa là gì? Một ví dụ về các ảnh có 
hình thức bé ngoài lẫn sự liên tưởng là bức ảnh khung xương vet và bức 
ảnh khung xương người mà bạn đã thấy ở Hình 6-2. Hai bức ảnh này 
có hình thức bể ngoài liên quan đến nhau bởi chúng đều là những hình 
minh họa nghệ thuật được vẽ theo thủ pháp vẽ minh họa nét, chúng liên 
quan về mặt khái niệm vì... đều “trong tinh trạng đã chết”. Mối liên hệ 
giữa vẻ ngoài và khái niệm giúp chúng vừa là các ảnh riêng biệt, vừa là 
những thành phẩn lặp lại. 

Hình 6-15 là một ví dụ khác về các ảnh lặp lại có mối liên quan giữa 
hình thức và khái niệm. Trong ví dụ này, mặc dù những hình minh họa 
nhỏ phía bên phải trang không giống nhau nhưng lại khá tương đồng về 
phong cách minh họa cũng như sự liên quan về ý niệm, nên người xem 
sẽ hiểu chúng là các thành phần lặp lại. Vì chúng đóng vai trò là các biểu 
tượng đánh dấu đầu dòng trong một danh sách ngắn, nên hiệu ứng lặp 
lại càng trở nên rõ ràng. 

Một khía canh quan trọng khác được lặp lại trong hinh này là khoáng 
trống giữa các thành phần được liệt kê ở bên phải trang. Khi chọn lặp lại 


Ап import shop specializing in the finer things in life. 


G p _ $ Fine Pottery 
= гт. 


Флаг, _ X Glasswares 
: lii Display Crystal 


West Branch Road 
(515) 555-3434 


ert 


Pu u (| J 
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thứ gì đó trong một thiết kế, hãy cân nhắc lặp lai không chi các yếu tố thu 
hút thị giác mà còn cả khoảng trắng giữa chúng. Trong hình minh họa 
này, việc lặp lại chính xác khoảng trống giữa các thành phần được liệt kê 
giúp gia tăng tính nhất quán và sự thống nhất của trang. Hiệu ứng thống 
nhất tổng thể của sự lặp lại còn được tăng cường hơn nữa thông qua việc 
sử dụng logo được vẽ tay làm ảnh nền. 


Ví dụ4 


Đôi khi, chủ để của thiết kế đem lại một gợi ý rõ ràng về kiểu thành phần 
lặp lại mà bạn có thể dùng để thiết kế trang tốt hơn. Hãy thử nhìn vào 
cuốn sách mở hai trang ở Hình 6-16. Chủ để của thiết kế bàn về những 
quả trứng, điều này được củng cố bằng hinh quả trứng rất to ở trang bên 
trái. Phần văn bản nội dung khá thưa thớt, có rất nhiều “đất diễn” để bạn 
có thể làm thứ gì đó, bất cứ thứ gì, sáng tạo hơn một chút. 


Eggs and More 


iptum dolor sit amet, con secteteur adipsicing elit, sed 
diam vulpatate et nibh euisnod. Tempor inci dunt et 
labore ut dolors magna ali quam erat volupat, Duis vel 
asutemeum irure dolor in henderit in nonumy velit ne. 
consequat. Vel illum dolor faciscti at vero eos. Nam eu 
feugiat mulla liber tempor, cum solutanobis eligent 
орііш, conqueníus nibil impe doming id quod. Maxim 
facer році diet omnis voluptatias. Plecat possin diet 
omnis. Lorem ipsum dolor sit amet, con secteteur. 
adipsicing elit, sed diam vulpstate nibh euisnod, Tempor 
inci dunt et labore ш dolors magna ali quam erat 
volupat, Duis vel autemeum irure dolor in henderit in 
nonumy velit esse consequat. Vel illum dolor faciscti ata 
vero eos. Nacu feugiat. 


Hình 6-16 Сибп sách hai trang ban đầu trông rát binh thường. Layout này sẽ tốt hon khi lặp lại một hoặc nhiều 
thành phần trực quan. 
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May mán là, hinh dang quà trúng và só lugng vàn bán hüu han dà 
gợi ý manh nha ý tưởng về một giải pháp thị giác. Do quả trứng trông 
rất nổi bật và là hình ảnh chủ đạo trong thiết kế này, nên việc lặp lại hình 
dạng của quả trứng tại một số vị trí trong thiết kế là rất tự nhiên. Ở Hình 
6-17, hình quả trứng được lặp lại bằng cách đặt văn bản vào bên trong 
một hình ô van, giúp tăng thêm sức thu hút thị giác cho một bên trang. 
Kiểu căn gióng bao văn bản xung quanh đối tượng để tạo thành một 
khối chữ có hình dạng cụ thể (quả trứng) rất hiệu quả trong trường hợp 
này, vì số lượng văn bản khá ít. Sắp xếp vừa vặn văn bản vào bên trong, 
một hình dang cụ thể là kỹ thuật khó, phức tạp, đòi hỏi sự chú ý tỉ mỉ để 


Hình 6-17 Cuốn sách hai trang sau khi được chỉnh sửa. Việc lặp lại hình quả trứng ở cả hai trang đã biến chúng 
thành một chỉnh thể trực quan mạnh mẽ. 


dàm bào vién cüa các cót chü tao thành mót hinh phàng (smooth shape). 
Dé văn bản có hình dang kiểu này phát huy hiệu quả, nhà thiết kế phải 
cẩn thận kiểm tra từng dòng chữ phù hợp với vién quả trứng, đồng thời 
điều chỉnh khoảng cách của các ký tự và chữ khi cần thiết để tạo thành 
hình quả trứng. Không nên áp dụng kỹ thuật này đối với những văn bản 
dài hơn, vì nó có thể làm chậm tốc độ đọc và khiến công việc của độc 
giả trở nên khó khăn hơn. Sắp xếp văn bản theo hình dang cụ thể không 
dành cho những nhà thiết kế “yếu tim” hoặc ít thời gian; tuy nhiên, nếu 
số lượng văn bản có hạn, kỹ thuật này có thể đem lại diện mạo mới mẻ 
và tỉnh tế cho trang. Cách làm này thu hút sự chú ý của độc giả bởi sự 
nổi bật khác thường, đồng thời vẫn phát huy được tính thống nhất của 
sự lặp lại. 

Viéc gói gọn văn bản vào bên trong hình ảnh quả trứng đã đưa sự lặp 
lại vào thiết kế và nâng cao sức cuốn hút thị giác của trang, nhưng trông 
trang vẫn khá tẻ nhạt. Để giúp trang thêm nổi bật, một bức ảnh các quả 
trứng trên tấm khăn trải bàn đã được chèn vào đằng sau văn bản. Việc 
thay đổi mức độ đậm nhạt của quả trứng tận dụng tối đa hình ảnh này, 
đồng thời giúp cho hình quả trứng không trở nên đơn điệu. Nhằm giữ 
cho tỷ lệ của trang được nhất quán, mỗi quả trứng có kích thước đúng 
bằng 1⁄4 kích thước của toàn bộ trang. 


Một tác dụng thú vị khác mà việc lặp lại hình ảnh quả trứng trên 
một trong hai trang của thiết kế trang đôi này có thể đem lại là sự đan 
xen đối lập về mặt thị giác của hình ảnh với khoảng trắng. Ở trang bên 
trái, đó là khoảng trắng rộng và một hình ô van; ở trang bên phải là 
khoảng rộng của các hình quả trứng lặp lại với một hình ô van được 
lấp đầy bằng văn bản. Nền trắng phía sau văn bản lặp lại màu tráng 
của trang đằng sau quả trứng; màu xám của quả trứng duy nhất trong 
trang bên trái lặp lại màu xám của rất nhiều quả trứng ở trang bên 
phải. Chính sự đan xen đối lập giữa hình ảnh và khoảng trắng đi kèm 
với việc sử dụng nguyên lý của sự lặp lại đã giúp nâng cao sức cuốn hút 
thị giác cho thiết kế trang. 


CHƯƠNG6 SULAPLA 137 


|, MÁCH NHỎ 

| Hãy tim co hội để lặp lại các 

"hinh dang hoặc nhóm hình 

- dang, thay vì chỉ lặp lại duy. 

.nhất một thành phần. Thiết ˆ 
kế của bạn trông sẽ mới mẻ: 
và sáng tạo hơn néu ban. 
thay đổi cách lặp lại các 
thành phần. 


s 
^ 

ә 
" 
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Ví du 5 


Hiệu ứng thống nhất của sự lặp lại rất hữu ích, giúp tạo nên sự gắn kết 
giữa một loạt thiết kế trang, bất kể chúng có cùng kích thước và định 
dang (ví dụ như trong một bản tin) hay bao gồm nhiều kích thước cùng 
định dạng khác nhau. Hình 6-18 minh họa bốn trang khác nhau cùng 
để cập đến một chủ để: Một cuộc thi nấu ăn với ớt. Trang a là bìa của 
một cuốn sách nấu ăn, trang b là một tấm dán đuôi xe, trang c là một 
thiết kế dành cho huy hiệu và trang d là một mục quảng cáo nhỏ trên 
báo. Những trang này có kích thước rất khác nhau, song sở hữu chung, 
một phong cách nhất quán được tạo thành từ việc sử dụng những thành 
phần trực quan lặp lại trên toàn bộ các trang, bao gồm logo, lựa chọn 
typeface và đường viền. 


Xuất hiện trên mỗi trang là logo Chili Cookoff, thành phần được sử 
dụng chủ yếu trong thiết kế. Việc sử dụng lặp lại logo Chili Cookoff làm 
hình vẽ đổ họa chính trên tất cả các trang tạo nên một phong cách thị 
giác rõ ràng, đồng thời gån kết manh mẽ những trang này thành một loạt 
thiết kế. Bản thân logo Chili Cookoff cũng là một case study (tình huống, 


, I survived 
cà the Chili Cookoff! 


^ 


XU 
Chili Cookoff 


M E 


Winning Recipes Cookbook 


Hinh6-18 Các thiết kế cho một sự kiện thi nấu án với ớt: Trang a là bìa của một cuốn sách nấu ăn, trang b là 
một tấm dán đuôi xe, trang c là một thiết kế dành cho huy hiệu và trang d là một mục quảng cáo nhỏ trên báo. 
Sử dụng hình vẽ đồ họa và các font giống nhau tạo ra sự thống nhất cho cả nhóm. 


nghiên cứu) điển hinh vé cách sử dụng nguyên lý 
của sự lặp lại, bởi thiết kế của logo này phụ thuộc 
vào sự lặp lại của một vài thành phán, như các quả 
ót jalapeño, hạt đậu và hình tam giác trong đường 
viền. Hơn nữa, nhà thiết kế hiểu rất rõ về typeface 
của logo và tái sử dụng chúng rất nhiều lần cho 
các trang, nhằm nâng cao phong cách cũng như 
sự nhất quán tổng thể của loạt thiết kế. Đừng xem 
thường sức mạnh của việc xây dựng và áp dụng 
một phương án typography tổng thể cho tác phẩm 
thiết kế của bạn. Trung thành với một phương án 
typography nhất quán là điểu rất quan trọng trong 
tất cả các trang, chứ không chỉ quan trọng đối với 
tài liệu nhiều trang hay loạt sản phẩm. Trong ví dụ 
cụ thể này, việc trung thành với hai kiểu typeface 
giúp tăng cường mạnh mẽ tính thống nhất tổng thể 
của loạt thiết kế trang. 


Một thành phần thiết kế khác được lặp lại 
nhất quán trên tất cả các trang trong loạt thiết kế 
là đường viển màu đen và xám. Nếu để y, ban sẽ 
thấy mặc dù tất cả các trang đều sử dụng đường 
vién màu đen và xám như một yếu tố dùng để thiết 
kế, song độ rộng của đường vién này được thay đổi 
cho phù hợp với kích thước và định dạng của mỗi 
trang. Trong các trang kích thước lớn (như bìa sách 
nấu ăn và miếng dán đuôi xe), đường vién có kích 
thước dày hơn; trên những trang nhỏ (như huy 
hiệu và mục quảng cáo trên báo), đường viển cần 
có kích thước mỏng hơn. Tuy có kích thước và hình 
dạng thay đổi, nhưng việc sử dụng nhất quán các 
thành phần lặp lại đã giúp gắn kết những tác phẩm 
riêng biệt của bộ thiết kế lại với nhau. 


SỬ DỤNG VỪA PHÁI SỰ LẶP LẠI 


Một trong những nguy cơ tiểm ẩn khi sử dụng 
nguyên lý của sự lặp lại là lạm dụng một hình ảnh 
lặp lại tới mức làm cho trang trở nên lộn xón hoặc 
nhàm chán. Chẳng hạn, bạn không muốn có quá 
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ok E Er. 
Espresso $150 


Who would have thought? Our espresso is a teensy-tiny. 
shot of pure energy! 


Espresso Ristoretto $200 


Whoa Nelly! Án even stronger pick-me-up! 


Espresso Macchiato $200 


The pinnacle of espresso. A shot of espresso with 
a bit of steamed milk on top. 


Cappuccino $200 


Available in a variety of flavors including amaretto, 
mocha, and hazelnut. We also have daily specials. 


Caffe Americano $200 


A shot of espresso cut with extremely hot water for 
a generous serving. 


Caffe Latte $150 


The milk-and-eoffee lover's delight. Our best espresso 
mixed with steamed milk and a topping of foamed milk. 


Plain-Jane Joe $100 


Coffee. Just coffee. Just good coffee. In a variety of 
flavors including amaretto, mocha, and hazelnut. 


Hinh6-19 Víduvé một trang với quá nhiều sự lặp 
lại. Trang này trông đơn điệu và lộn xộn. 
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nhiều đường kẻ trên trang đến mức gây cản trở tính dễ đọc của trang, 
hoặc làm cho trang trông chật chội (Hình 6-19). Để tránh những vấn 
để tiêm ẩn này, hãy thử thay đổi các thành phần lặp lại trên trang bằng 
cách làm cho chúng nhạt đi hay đậm hơn, tăng hoặc giảm kích thước của 
một số thành phần; bằng không, hãy thay đổi để chúng không còn giống 
nhau nữa (Hình 6-20 và 6-21). 


ÚC TRANG NÂNG CAO 


Ó, chúng ta nên bắt đầu phân tích các thiếu sót thiết kế ở Hình 6-22 
từ đâu đây? Chúng quá nhiều và đa dạng. Có thể bạn sẽ cảm thấy băn 
khoăn khi xem xét các mục Phân tích cấu trúc trang nâng cao mà tại đó, 
tôi đưa ra những ví dụ kiểu này. Tôi cam đoan với bạn rằng, mọi thứ bạn 
thấy trong cuốn sách này đều là những ví dụ thiết kế chưa tốt chứa các 
lỗi thiết kế cơ bản mà những người mới bắt đầu thường mắc phải. Thật 
khổ cho họ quá! Hầu hết ví dụ thiết kế tốt đều là sự tổng hòa của các 
điểm mạnh mà những người mới bắt đầu thiết kế có thể tạo ra nhờ kiến 
thức và chỉ dẫn trong sách. Tuy nhiên, khi tìm hiểu những ví dụ trình 
bày rõ ràng về các lỗi thiết kế mà người khác thường mắc phải, những 
người mới bắt đầu sẽ ít lặp lại các lỗi thị giác hơn. 


Các ví dụ trong mục Phân tích cấu trúc trang nâng cao này khác 
với những mục Phân tích cấu trúc trang nâng cao trong những chương 
trước ở chỗ, chúng mô tả các ảnh trên màn hình từ một thiết kế quảng 
cáo banner hình ảnh động trên Web, trong khi ở các chương trước 
thường xem xét một thiết kế trang hoàn chỉnh. Một điều tuyệt vời về các 
nguyên lý thiết kế là chúng đều thích hợp cũng như áp dụng được cho 
những trang tĩnh (static page) như tờ rơi, poster cũng như các phương 
tiện động như phim, video, hoạt hình (animation) và thiết kế hình ảnh 
động (motion design). Vì vậy, một khi đã nắm được các nguyên lý thiết 
kế, nhà thiết kế có thể vận dụng chúng như một công cụ hữu ích để giải 
quyết tất cả những vấn để liên quan tới thiết kế về mặt thị giác. 

Hinh 6-22 là một thiết kế quảng cáo banner hình ảnh động trên Web 
chưa tốt, còn nhiều thiết sót lớn về mặt thị giác, trong khi thiết kế ở Hình 
6-23 đã được khắc phục các thiếu sót nên trông mạnh mẽ hơn. Việc cải 
tiến thiết kế quảng cáo banner hình ảnh động trên Web này bao gồm lựa 
chọn một typeface tốt hơn, đồng thời sử dụng khéo léo các nguyên lý của 
sự căn gióng, tương phản và lặp lại. 


ОВЕ, 


Espresso 3150 
Who would have thought? Our espresso is a teensy-tiny 
shot of pure energy! 


Espresso Ristoretto $200 


Whoa Nelly! An even stronger pick-me-up! 


Espresso Macchiato s200 


The pinnacle of espresso. Á shot of espresso with 
a bit of steamed milk on top. 


Cappuccino $200 
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o ESE, 


Espresso $150 


Who would have thought? Our espresso in a te 
shot of pure energy! 


Espresso Ristoretto 5200 
Whoa Nelly! An even stronger pick-mc-up! 


Espresso Macchiato 5200 


The pinnacle of espresso. А shot of espresso with 
a bit of steamed milk on top. 


Cappuccino $200 


Available in a variety of flavors including amaretto, 
mocha, and hazelnut. We also have daily specials. 


Caffe Americano $200 


А shot of espresso cut with extremely hot water for 
a generous serving. 


Caffe Latte $150 


Available in a variety of flavors including amaretto, 
mocha, and hazelnut. We also have daily specials. 


Caffe Americano $200 


А shot of espresso cut with extremely hot water for 
а generous serving. 


Caffe Latte $150 


The milk-and-coffee lover's delight. Our best espresso 
mixed with steamed milk and a topping of foamed milk. 


Plain-Jane Joe s100 


The milk-and-coffee lover's delight. Our best espresso 
mixed with steamed milk and a topping of foamed milk. 


Plain-Jane Joe $100 


Coffee. Just coffee. Just good coffee. In a variety of 
flavors including amaretto, mocha, and hazelnut. 


Coffee. Just coffee. Just good coffee. In a variety of 
flavors including amaretto. mocha, and hazelnut. 


Hinh 6-20 Làm nhat môt só duóng kë và khién Hình 6-21 Loại bỏ da só các đường kẻ giúp trang 
chúng mảnh hơn, giúp thiết kế trang trông bớt lộn trở nên trật tự và dễ đọc hơn rất nhiều. 
xộn. Tuy nhiên, trang vẫn lặp lại quá nhiều đường kẻ. 
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PHÁN TÍCH CÁU TRÜC TRANG TRANG NÀNG CAO 


Su láp lai 


Font Arial Black tạo nên một thành phần lặp lại trên trang, 
nhưng không giúp tăng cường ý nghĩa cho từ "Cowboys ("Các 
chàng cao bói"). Font Arial Black cũng xung đột với font chữ thể 
hiện su'can dám” GILL SANS SHADOWED, bởi cả hai font chữ này 
đều không có phần serif và thiếu sự tương phản. Ó đây cán sử. 
dụng sự tương phản mạnh hơn giữa các kiểu font chữ như Sans 
serif, Serif hoặc Script. 


ALWAYS VALIANT » 


COWBOYS 
hc ©2ишету h oWóiRES 


o JUBPBIED A x TEN 


BOVINES `. ў 


MOSEY YOUR WAY ON INTO THE 
Зее“ 
Ly SE WNE 


Exhibition Daily, No Cussi, No Chawin’, No Spini’, Leave Your Horse and Spurs Outside 


Bodoni Book là mót font cổ điển vi có kích thước nhỏ cùng với các 12 
nét tỉnh xảo; trồng nó không đủ mạnh mẽ để có thể chống đỡ được 
trọng lượng thị giác rất mạnh của chữ“Western Museum" ("Bào tàng 
miền Tây"). 

Việc thêm các hình vào từng ảnh trên màn hình và di chuyển chúng 
đến một điểm (spot) khác tạo ra những layout trồng không đẹp mát 
và thiếu nhất quản. — 


Hinh này đưa ra các ảnh trên màn hình từ một 
quảng cáo banner hình ảnh động trên Web. 
Việc sử dụng cùng một font chữ cho phần văn 
bản chính "Cowboys", “Cowgirls” (Các nữ cao 
bói^)... trên quảng cáo banner này đem lại tính 
tổ chức cho các ảnh trên màn hình. Tuy nhiên, 
ngay cả sức mạnh của sự lập lại này cũng không 
фей cho những thiếu sót khác của trang 
thi 


Nhà thiết kế đã cố gắng đem lại tính chất vui 
vẻ cho tấm banner này bằng cách thay đổi vị trí 
văn bản trong mỗi ảnh trên màn hình; lựa chọn. 
những typeface mô tả trực quan cho ý nghĩa 
của các từ, vi dụ nhu"surprised" ("ngạc nhiên”); 
và di chuyển các hình ảnh từ vị trí này đến vị trí 
khác. Những cố gắng đó không hẳn tác động 
xấu đến thiết kế; chúng chỉ không phù hợp với 
banner quảng cáo này; hiệu ứng tổng thé mà 
chúng đem lại là sự lộn xộn, chứ không phải 
tính thống nhất. 


Font ¿an có vé thú vị, tinh tế, 
rát phù hợp với các tấm thiệp cưới. Với vẻ nữ 
tính và duyên dáng đỏ, nó không phản ánh 
được phẩm chất gan dạ, khỏe khoắn của một 
nữ cao bồi. 


Các móng ngựa nằm giữa hai kj tự và chú ngựa 
chưa được thuần hóa trông giống như đang 
"leo lên" tit khoảng tróng. Vi trí của hinh ánh 
và văn bản như đang kể một câu chuyện nhỏ 
và mặc dù có kích thước không lớn, song chú 
ngựa rừng vẫn là trọng tâm (focal point) của 
banner. Nếu đúng chủ đích, hiệu ứng này có 
thể tạo ra một lớp nghĩa khác cho thiết ké. Tuy 
nhiên, trong trường hợp này, trông nó giống 
nhu một lỗi vậy. 


Font IME #EE/WMEE# xung đột với hầu hết 
tất cả các chữ và hình ảnh còn lai. Nó rất đậm 
và diễn đạt một phong cách đặc biệt không ën 
nhập gì với chủ để miền Tây (western). 


Кар) 


Hình 6-22 Ví dụ về một thiết kế quảng cáo banner hình ảnh động trên Web chưa tốt. Các khiếm khuyết vé 
lựa chọn typeface, vị trí đặt văn bản và ảnh kèm theo việc áp dụng sự lặp lại đã làm suy yếu thiết kế này. 


Hinh này chi ra các ảnh trên màn hình của một banner quảng cáo hinh 
ảnh động trên Web dà được cài tiến. Tất cà các thành phán trong từng. 
ảnh trên màn hình đều sắp thẳng hàng, giúp tạo ra bó cục trật tự và 
thống nhất cho thiết kế quảng cáo banner động. 


e 


DA бе a 


Entihitions Daily Но Cassin’ No Quin + Ко Sit + Leave Your Horse and Spurs Outside. 


L 


Do được co sát lại, nén font lih cho phép nhà thiết ké sử dụng kich 
thước point (pointsize) lớn hơn trong cùng một khoảng không gian, 
điều này giúp tăng tác động thị giác của font. Font ВІЙ cũng mang 
phong cách miền Tây rõ rệt, đồng thời tương phản tốt với font chữ 
đậm kéo dài CETO INDER XO NA. 
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Việc giới hạn lựa chọn font trong hầu hết ảnh 
trên màn hình xuống còn hai font: 
"YUGCOHNFIOUEXER ROWY g úp 
tăng cường cũng như thống nhất thiết kế 
thông qua phương án lặp lại rõ ràng. Sự lặp 
lại đồng vai trò quan trong trong các thiết kế 
trang tinh; thậm chí, với những thiết kế hinh 
ảnh động, vai trò của sự lặp lại còn quan trong 
hơn, bởi nó giúp tăng thêm đáng kể tính 
thống nhất và chặt ché cho các thiết ké này. 


Việc cố ý sắp đặt các hình vẽ và chữ cỡ lớn 
tại củng một điểm trên mỗi ảnh ở màn hình 
giúp nâng cao hiệu quả của banner quảng 
cáo theo thời gian, 


Thiết kế này đạt được sự đa dạng và nhất 
quán nhờ việc thay đồi vị trí của các chữ Script 
nhỏ hơn. 


Font chữ Script Z2 tiếc có tính chất 
phóng khoáng, tự do và hof "hoang dại" rất 
phù hợp với kiểu nét của hình vẽ, đồng thời 
tương phản tốt với font chữ đậm kéo dài 
CEUEXYYINDONENER ROW. 


Các chữ nhỏ và chữ lớn tương phán với nhau 
rất tốt. 


Khoảng trống trong các ảnh trên màn hình 
của banner quảng cáo trên Web này trông 
rộng hơn và đỡ chật chội hơn so với thiết kế 
banner khác. 


__. 208 _ ст сты .| 


Hình 6-23 Ví dụ về một thiết kế banner quảng cáo hình ảnh động trên Web mạnh më hơn. Việc áp dung 
thận trọng các nguyên lý thiết kế cùng với những lựa chọn typeface tốt hơn đã nâng cao thiết kế này. 
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TÓNG KÉT 


Sức mạnh của sự lặp lại nằm ở khả năng gắn kết hoặc phân tách các 
thành phán. Lặp lại các đường thẳng, hình dạng, hình ảnh, màu sắc, họa 
tiết cùng những thành phần trực quan khác trong một trang hỗ trợ rất 
tốt cho việc thiết lập một thiết kế mạnh mẽ, thống nhất và gắn kết. 


Sự lặp lại tự nó đã hoạt động rất tốt, thậm chí còn phát huy hiệu quả 
tốt hơn khi được kết hợp với những nguyên lý thiết kế khác như cân 
bằng, nhấn mạnh, căn gióng và dòng chảy. Khi sử dụng kết hợp hai hoặc 
nhiều thành phán trên một trang, thiết kế trông sẽ trật tự và tinh tế hơn. 


CÂU HỎI TRẮC NGHIỆM SỐ 6 


Cách tốt nhất để nâng cao nhận thức thị giác của bản thân là quan sát các 
trang thiết kế của người khác và phân tích xem cái gì tốt, cái gì chưa hiệu 
quả. Việc trả lời các câu hỏi trong bài tập trắc nghiệm này nhắm tới mục 
đích tăng cường nhận thức trực quan và sự nhạy cảm của bạn. 


Hãy so sánh hai logo ở Hình 6-24. Một trong hai hình có cấu trúc 
hình thức tổng thể tốt hơn và có vẻ thống nhất hơn hình còn lại. Trong 
hai hình này, hình nào trông thống nhất hơn? Kể tên năm tác động của 
sự lặp lại ở hình bên phải (nếu đây là cuốn sách của bạn, hãy dùng bút 
khoanh tròn các thành phần lặp lại trong logo). 


М 
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Hinh 6-24 


BÀI TẬP 


Bài tập 1 


Tim hai tờ rơi hoặc bưu thiếp có thiết kế chưa tốt rồi thiết kế lại chúng, 
sử dụng tất cả các nguyên lý thiết kế, đặc biệt nhấn mạnh vào sự lặp lại. 
Áp dụng quy trình giấy can trong suốt đã thử nghiệm trong Bài tập 1 và 
Bài tập 2 của Chương 2. Nếu cần, hãy thêm các thành phần trực quan 
như đường kẻ, tam giác hoặc hình chữ nhật để làm nổi bật nguyên lý 
của sự lặp lại trên trang. 


Bài tập 2 


Thiết kế một tờ rơi hoặc tấm poster sử dụng một phương án căn gióng 
chữ nâng cao, chẳng hạn như căn gióng bất đối xứng (asymmetric) hoặc 
căn gióng theo hình dạng cụ thể (concrete) kết hợp với nguyên lý của sự 
lặp lại. Do tự mình lựa chọn chủ để nên bạn sẽ phải viết nội dung, quyết 
định đối tượng khán giả mục tiêu, đồng thời xác định kích thước định 
dạng thiết kế. Tham khảo các gợi ý ở Chương 1 về cách thức tiến hành 
xác định những vấn để cơ bản cho dự án này. Sử dụng bất cứ phương 
pháp làm việc nào bạn thích theo gợi ý trong các bài tập từ Chương 2 
đến Chương 5; hẳn là lúc này, bạn đã phát triển được một sở thích riêng. 
Bạn có thể thoải mái sử dụng hình ảnh và màu sắc, miễn là chúng hỗ 
trợ cho thông điệp của bạn. Hãy tập trung vào việc lặp lại các typeface, 
kích thước, màu sắc và hướng chữ (type orientation) để tăng cường sự 
thống nhất của bố cục, đồng thời nhấn mạnh thông điệp mà tấm poster 
muốn truyén tải. 
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DONG CHÁY 


e Hiéu rõ thé nào là dòng cháy (flow) và tại sao 
nguyén ly này lai quan trong trong thiét ké trang. 


+ Phân biệt dòng chảy thị giác (visual flow) với dòng 
chảy ngôn từ (verbal flow) và cách nhận biết chúng 
trong một thiết kế. 

+ Hiểu được sự cẩn thiết của việc lập phương án 
dòng chảy trong các tài liệu thông qua phân tích 
văn bản và hình ảnh. 

+ Tìm hiểu những kỹ thuật khác nhau được nhà 
thiết kế sử dụng để nâng cao hiệu quả của dòng 
chảy ngôn từ trong một tài liệu. 


« Sit dụng thành thạo dòng chảy thi giác và dòng chảy 
ngôn từ thông qua nghiên cứu các ví dụ trong chương. 


DÒNG CHẢY LÀ GÌ? 


Dòng chảy (flow) là các đường dẫn trực quan về sự dịch 
chuyển hình ảnh và ngôn từ (visual and verbal path of 
movement) giúp hướng thị giác của độc giả dõi theo một 
trang, chuỗi các trang hoặc thiết kế trực tuyến (online 
design), chẳng hạn như banner quảng cáo hoặc trang 
Web. Một trang có dòng chảy tốt sẽ hướng độc giả lướt từ 
thành phần này sang thành phần khác trong bố cục, đồng 
thời trình bày thông tin một cách cẩn trọng tới họ. Việc 
thiết lập một phương án dòng chảy trong tài liệu, bất kể là 
trang tĩnh (static page) hay thiết kế hình ảnh động (motion 
design) như Web, sẽ cho phép bạn kiểm soát tốt hơn thứ 
tự mà độc giả dựa vào đó để đọc những ý quan trọng trong 
thông điệp mà bạn truyền tải. 


Nói dén dáy, tói cam tháy minh khóng thát néu quén nhán ban diéu 
này: Mỗi người là một cá tính riêng và thường rất khó đoán. Tôi cần 
nhấn mạnh một diéu chắc chắn rằng: Bạn không bao giờ kiểm soát được 
100% cách khán giả nhìn vào thông tin trên trang của bạn, nhưng nếu 
hiểu rõ nguyên lý của dòng chảy, bạn sẽ có nhiều khả năng định hướng 
cách độc giả đọc thông điệp. 


Để xây dựng một dòng chảy mạch lạc trong thông điệp, trước tiên 
bạn phải hiểu rõ về thông điệp mà mình muốn truyền tải (đọc kỹ văn 
bản) và phân tích tác dụng bổ trợ của các hình vẽ đồ họa đối với thông 
điệp. Khi đã nắm rõ mục đích của thông điệp, bạn có thể thiết lập một 
thứ tự trực quan mà tại đó, văn bản và các hình ảnh cần được đọc - nói 
cách khác, bạn có thể tìm ra dòng chảy cho thông điệp. Đối với những 
thiết kế hình ảnh động chạy theo thời gian, bạn phải quyết định cách 
thức cũng như thời điểm mà văn bản và hình ảnh xuất hiện trên màn 
hình. Đôi lúc, sau khi xem lại văn bản và các hình ảnh xuất hiện trên 
màn hình, có thể bạn phải cân nhắc lại tính phù hợp của những hình 
ảnh này, hoặc phải bổ sung thêm hình vẽ đồ họa vào các ảnh. Có thể bạn 
sẽ phải thêm những yếu tố dó họa khác, chẳng hạn như biểu tượng đánh 
đấu đầu dòng, họa tiết, hình tam giác và các đường kẻ để định hướng 
thị giác của độc giả xuyên suốt một bài báo, thiết kế trang, tài liệu nhiều 
trang hoặc thiết kế hình ảnh động. 


Có hai nửa trong nguyên lý của dòng chảy: Dòng chảy ngôn từ và 
dòng cháy thị giác. Dòng chảy ngón từ (verbal flow) là thứ tự mà khán già 
dựa vào đó để đọc văn bản trên trang. Dòng chảy thị giác (visual flow) là 
thứ tự mà khán giả dựa vào đó để quan sát các hình ảnh và hình vẽ đồ 
họa trên trang. Thiết kế tốt nhất cần phát huy được hiệu quả của cả hai 
kiểu dòng chảy trên và tích hợp chúng một cách liền mạch. Tất cả các chữ, 
hình vẽ đồ họa, đường thẳng và màu sắc phối hợp với nhau thành một 
tổng thể hài hòa để trình bày một thông điệp có tuần tự tới người xem. 


DÒNG CHẢY NGÔN TỪ 


Như đã để cập từ trước, dòng chảy ngôn từ (verbal flow) là cách văn 
bản được sắp xếp trên trang và là thứ tự mà độc giả dựa vào đó để đọc 
tài liệu. Những người theo văn hóa phương Tây đọc văn bản theo thứ 
tự từ trái qua phải và từ trên xuống dưới. Qua nhiều năm ngồi trên ghế 
nhà trường, họ được dạy rằng với những tài liệu nhiều trang, cần phải 
lật các trang bên phải để tiếp tục đọc phán thông tin văn bản tiếp theo 
(Hình 7-1 và 7-2). 
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GHI CHÚ 


Tính tổ chức (organization), 
sự đơn giản (simplicity), rõ 
ràng (clarity) và dòng chảy là 
những yếu tổ quan trọng hình 
thành nên một thiết kế tốt, 
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GHICHÚ 


Không phải nền văn hóa nào 
cũng đọc một trang theo 
cách của văn hóa phương 
Tây; do đó, nếu đang có kế 
hoạch thiết kế trang cho độc 
giả quốc té, bạn cần nghiên 
cứu kỹ đối tượng khán giả 
mục tiêu. Biết được khán giả 
mục tiêu là ai sẽ giúp bạn хау 
dựng một tài liệu với dòng 
chảy tốt hơn. 


Hình 7-1 Khi đọc chỉ tiết 
một trang toàn văn bản, 
độc giả thuộc nền văn hóa 
phương Tây sẽ đọc theo 
đường chuyển động của 
dòng chảy ngôn từ (verbal 
flow path) này trên trang. 


Regional Planning — — 


— i 


KT am ti 
pd 


Hinh 7-2 Khi doc luót mót 
trang toàn vàn bàn, dóc già 
thuóc nén ván hóa phuong 
Tây sẽ dõi theo từ góc trên 
cùng bên trái xuống góc dưới 
cùng bên phải. 
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Thiết lập và duy trì một dòng chảy ngôn từ tốt xuyên suốt tài liệu. 
là điều rất quan trọng trong truyền thông. Làm thế nào để tạo ra dòng 
chảy ngôn từ tốt? Thông thường, dòng chảy ngôn từ tốt chủ yếu đạt được. 
thông qua sử dụng nhất quán phương án typography và thiết lập một 
đường chuyển động lôgíc cho việc đọc xuyên suốt tài liệu. Một tài liệu 
có dòng chảy ngôn từ tốt (do có sự nhất quán lôgíc) sẽ giúp việc đọc 
tài liệu của độc giả trở nên dễ dàng hơn so với tài liệu có dòng chảy 
ngôn từ không tốt (Hình 7-3 và Hình 7-4). Cách nhanh nhất để đạt được 


Before You Begin to Design 


Many beginners just start to arrange images and text on the page, 
before defining exactly what they want to say, Before you invest your 
valuable time and effort on a design, it helps to have a plan firmly in 
mind. You will need to know four things before you begin to design: 


> what you want to say 
> who you want to hear your message 
> the kind of page format (the size, shape, and function of a 


page) you want your audience to view your message on, 
and, most importantly, 


›> à basic knowledge of the design principles. 
Knowing these four things will streamline your design efforts. And 


the faster you can finish one task the faster you can move on to 
another project. 


Decide What You Want to Say 


What you want (or need) to say will help you determine how many 
visual elements-the individual elements on the page such as lines 
type, and images-you need to arrange in your design. It helps to 
know exactly what words you want to use on the page to convey your 
message, as the amount of those words and the message will effect 
how you design your page layout. Layout is the design of visual 
elements on a page. I recommend that you write down (or ask your 
boss to write down, if he/she is the one "requesting" the design) the 
exact words, phrases, or sentences on a sheet of paper before you start 
to design the project (see Figure 1-1). This way you know exactly what 
you want and need to say, and have concrete goals. If you are not a 
professional copywriter, 1 have included in this chapter а few 
copywriting hints to get you started. 


Hinh 7-3 Một tài liệu có dòng chảy ngôn từ tốt (phán nội dung là một trích 
đoạn từ bản thảo thô ban đầu của cuốn sách này). Đây là trang thiết kế được 
tổ chức rất tốt và dé theo dõi, các đường kẻ thẳng đứng giúp làm nổi bật thêm 
cho dòng chảy ngôn từ của tài liệu. 
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Hình 7-4 Một tài liệu có 
dòng chảy ngôn từ không 
tốt, rời rạc. Việc phân chia 
danh sách thông tin bằng 
cách đánh dấu đầu dòng và 
đặt chúng vào những phần 
khác nhau trên trang làm phá 
vỡ (shatter) dòng chảy ngôn 
từ của tài liệu. Độc giả sẽ rất 
khó theo dõi liền mạch từ 
trên xuống dưới danh sách 
nếu nó bị phân tán như vậy. 


dòng chảy ngôn từ tốt bên trong một tài liệu là thiết lập một kế hoạch 
typography tổng thể và sử dụng nó. Kế hoạch typography tổng thể phải bao 
gồm những chỉ tiết như typeface, kích thước, màu sắc mà bạn sẽ sử dung 
cho các tiêu dé, tiêu dé phụ, văn bản nội dung, chú thích hình ảnh hoặc trích 
đoạn; trong các biểu đồ và dó thị; độ rộng cột, phương án căn gióng, khoảng, 
cách lé trong tài liệu. Bằng cách lập kế hoạch từ trước, bạn có thể thiết lập 
dòng chảy ngôn từ trong tài liệu một cách sáng suốt, thiết kế của bạn trông, 
sẽ thống nhất và nhất quán hơn (đặc biệt là trong những ấn phẩm nhiều 
trang). Độc giả của bạn cũng sẽ được hưởng lợi từ điểu này: Một kế hoạch 
typography tổng thể nhất quán giúp họ cảm thấy yên tâm và dự đoán được 
điểu gì sẽ xảy ra tiếp theo, từ đó dé theo dõi văn bản trong tài liệu hơn. 


Before You Begin to Design 


Many beginners just start to arrange images and text on the page before defining exactly 
what they want to say. Before you invest your valuable time and effort on a design, it 
helps to have a plan firmly in mind. You will need to know four things before you begin. 
to design: 


what you want to say 
P who you want to hear your message. 


Decide What You Want 
to Say 


What you vant (or need) to say will help 
you determine how many visual 
clements~the individual elements on the 
page such as lines, type, and images-you 
need to arrange in your design. It helps to 
know exactly what words you want to use. 
оп the page to convey your message, as 
the amount of those words and the 
message will effect how you design your 
page layout, Layout is the design of visual 
elements on a page. I recommend that 
you write down (or ask your boss to write 
down, if he/she is the one "requesting" 
the design) the exact words, phrases, or 
sentences on a sheet of paper before you 
start to design the project (sce Figure 1-1). 
This way you know exactly what you want 
and need to say, and have concrete goals. 
TẾ you are not a professional copywriter, I 
have included in this chapter a few 
copywriting hints to get you started. 


you might imagine, the more stuff you try 
to put in your layout, the more 
complicated the task will be. 


Decide Who is 
Your Audience 
The more you know about your audience, 


the better equipped you are to attract 
their attention and communicate your 


Chapter 1 
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Các kỹ thuật sử dụng dòng chảy ngôn từ hiệu quả 
Để hỗ trợ độc giả đọc tài liệu và nhằm thiết lập một dòng chảy ngôn từ 
tốt, bạn có thể thử áp dụng các kỹ thuật trực quan và tổ chức dưới đây: 

* Đặt các tiêu để gần những bài viết mô tà nội dung mà chúng dé cập. 

* Chon một typeface Serif dé đọc như Garamond và sử dụng thống 
nhất typeface này trong toàn bộ bài viết. 

e Khi các bài viết "tràn sang” những trang khác, hãy xử lý văn bản một 
cách nhất quán (dùng nhất quán cùng một typeface, kích thước chữ, 
leading (khoảng cách dòng), màu sắc và độ rộng cột). 

* Sù dụng những cột không quá rộng cũng không quá hẹp (nhu 
minh họa ở Hình 5-12, Chương 5). 


e Tránh những khoảng leading quá rộng (khoảng trống theo chiều 
đọc giữa các dòng chữ), hoặc khoảng leading quá gần nhau trong 
phần văn bản nội dung (Hình 7-5). 


When the leading in lines of type are 


set either too close together or (ở PNE xj Еа Sor 


solde s. 


far apart, it increases the amount of 


tos 
E. та th 
o reading takes longer. 
уре set yide is а ard to rea 
E) е empty spar: A 
work the reader has to do to read ies of type makes it difficult for 
ED DA trac ick down 
е next line of type. 


the text. Type "set solid" is hard to 
When the leading in lines of type are. 

set either too close together or too 

far apart, it increases the amount of 

read because the edges of the letters LM RU ОЕК nấu 

the text. Type "set solid" is hard to 

Е read because the edges of ће letters 

"grow" together, slowing the readers "grow" together, slowing the readers Hinh 7-5 Hiéu üng cüa 

recognition of the letters and words. leading dói vói tính ró ràng 

Consequently, reading takes longer. (legibility) cüa ván bàn. Các 

recognition of the letters and words, | Туре set wide is also hard to read chữ bên trái được thiết lập 

реч е шуан баарын giãn cách, chữ ở phía trên 

lines of type makes it difficult for haqda СЕ a Qa 

the reader eye to track back down bên phái được thiết lập “quá 

gần nhau” còn những chữ 


to the next line of type. 
phía dưới bên phải được 
thiết lập bình thường. 


Consequently, reading takes longer. 


152 PHÁN MỘT CƠ BẢN VỀ THIẾT KẾ VÀ BÓ CUC DÀN TRANG 


Hinh 7-6 Các danh sách 
sé mach lac, ró ràng hon khi 
bạn đặt thành phán được 
Пес kê nằm gần nhau và 
thẳng hàng (danh sách bên 
trái). Khi có nhiều khoảng 
trắng giữa các thành phần 
được liệt kê và/hoặc danh 
sách bị phân tán, dòng chảy 
ngôn từ của nó sẽ bị phá vỡ 
(danh sách bên phải). 


* _ Giữ cho các thành phán được liệt kê nằm cạnh nhau (Hinh 7-6). 


• Đặt các trích dán (quote) trên trang nằm gần văn bản mà chúng 
bổ trợ, thay vì đặt rải rác ở một số trang. 


*. Giữ chú thích (caption) di kèm với hình ảnh, số liệu thống kê di 
cùng với biểu đồ. 


«_ Đặt các cột văn bản liên quan nằm cạnh nhau, thay vi dan xen 
chúng với hai bài viết khác hoặc nhiều hơn. 


• Potatoes * Potatoes 
* Eggs 
• Chicken • Eggs 
e Garlic 
+ Cheese e Chicken 
Garlic 
e Cheese 
DÒNG CHÀY THI GIÁC 


Nửa còn lại thuộc nguyên lý của dòng chảy là dòng chảy thi giác (visual 
flow). Dòng chảy thị giác là thứ tự mà khán giả dựa vào đó để quan sát 
những hình ảnh trên (các) trang. Trên những trang chứa cả văn bản lẫn 
hình ảnh, mắt độc giả sẽ dõi theo mẫu hình chữ S ngược (Hình 7-7). Biết 
được điểu này rất có ích, vì bạn có thể chọn các hình ảnh để điều khiển 
hoặc củng cố dòng chảy thị giác xuyên suốt trang. Do những người theo 
văn hóa phương Tây nhìn sang phải để tìm kiếm thông tin tiếp theo, nên 
các hình ảnh quay sang bên phải trông như đang tiến về phía trước một 
cách tự nhiên mà không phải tốn nhiều công sức. Chẳng hạn, một bức 
ảnh động vật đang chạy về phía bên phải trông như đang tăng tốc một 
cách dë dàng, trong khi vẫn là bức ảnh này nhưng quay sang bên trái, con 
vật đó trông như đang di chuyển một cách chậm chạp. Để kiểm chứng 
điểu này, hãy quan sát Hình 7-8 trong một tấm gương. 
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Lorem Ipsum Dolor Set 


dolor sit amet, jetta 

sicing elitus, eased diam 

ettustre e vulpatatd nibh rtrte абе euisnod. 

Tempor inci tyre dit et labore ut dolors r 

conseceteteur adipsicing 

elitus, eased diam ettustre e Julpatate nibh rtrte atfde 

euisnod. Tempor inci куге dupt Ất labore ut dolors r magna. 

ali quamset erat volupat. 4 autemeum irure dolors 

at in henderit inulpatatnil atfde euisnod empor Inci. 
Lorem ipsum dolor sit 


nonumy et settar velit 
consequat. Vel errtes illum 


dolor facisc at vero eos. 

Hinh7-7 Thông thường, khi có cả văn bản 
và hình ảnh trên một trang, thị giác của độc 
già sẽ “lướt” dọc trên trang theo đường hinh 
chữ S viết ngược. 


Hình 7-8 Hãy so sánh "tóc độ trực quan" 

(“visual speed") của một hình ảnh quay sang | 
trái và một ảnh quay sang phải (xem ảnh qua | 
một tấm gương). Ảnh quay sang phái thường | 
trông di chuyển nhanh hơn một chút so với | 
ảnh hướng sang trái. 
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Hình 7-9 Đặt ảnh trang 
trí ở bên phải của cụm từ 
bên dưới trong hình này 
hướng thị giác của độc giả 
quay ngược lại cụm từ đó. 


Ý nghĩa của hiện tượng này đối với nhà thiết kế đàn trang là phương 
hướng của một bức ảnh trên trang có thể giúp tăng tốc hoặc gây cản trở 
tiến trình đọc của khán giả. Hình 7-9 cho thấy, việc sắp đặt đơn giản ảnh 
trang trí (ornament image) có thể tác động như thế nào đến dòng chảy 
thị giác của độc giả ngang qua một thành phần trực quan. Ảnh trang trí 
hướng sang trái trong hình phía trên trỏ vào văn bản, đóng vai trò như 
một công cụ dẫn dòng chảy thị giác, hướng mắt của độc giả tập trung 
vào cụm từ một cách tự nhiên. Vẫn là font họa tiết đó, khi được lấy đối 
xứng gương (mirror) và đặt vào cuối văn bản (cụm từ bên dưới) sẽ làm 
cản trở tốc độ đọc, khiến thị giác của độc giả bật ngược lại vào văn bản. 
Bạn có thể sắp đặt các hình ảnh theo chủ ý để trỏ tới những thông tin 
quan trọng, nhằm khuyến khích người xem đọc nó. 


«Wonderful Wine 


«Wonderful Wine ®© 


CÁC VÍ DU VÉ DÒNG CHÀY 


Ví du1 


Nhà thiết kế đồ họa chuyên nghiệp biết rằng sử dung các hình minh 
họa, ảnh chụp, đường kẻ, font họa tiết (dingbat font) hoặc một số kiểu. 
hình vẽ đồ họa khác trong các trang đem lại cho họ cơ hội tăng cường 
dòng chảy của trang. (Font họa tiết có ký tự cùng con số được thay thế 
bằng hình ảnh và hình trang trí, như minh họa ở Hình 7-10). Việc lặp 
lại những thành phán trực quan giúp tạo nên tính thống nhất cho trang, 
còn việc sắp đặt cán thận các thành phán lặp lại đem đến cho nhà thiết kế 
cơ hội để định hướng sự chú ý của độc giả xuyên suốt trang. Thậm chí, 
nếu bạn không có sẵn nhiều hình ảnh, hãy cân nhắc sử dụng các hình vẽ 
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Hình 7-10 Một số loai font họa tiết, từ trên xuống dưới lần lượt là Good 
Dog Bones, Adobe Wood Type Ornaments I, Wingdings, Wingdings 2 và 
Wingdings 3. 


156 PHÁN MỘT CƠ BẢN VỀ THIẾT KẾ VÀ BÓ CUC DÀN TRANG 


đồ họa đơn giản như hình tam giác, biểu tượng đánh dấu đầu dòng, họa 
tiết hoặc đường kẻ (Hình 7-11). Ngay cả những hình đơn giản như mũi 
tên cũng có thể được xử lý theo cách trực quan thú vị, nhằm định hướng 
sự chú ý của người xem vào các điểm thực sự quan trọng trên trang 
(Bảng màu 3, Chương 10). Các hình vẽ đồ họa đơn giản này được dùng 
như một công cụ dẫn dòng chảy thị giác, định hướng người xem xuống 
phía dưới trang và để biểu thị những điểm quan trọng. 


Trén những trang mà thứ tự đọc thông tin của khán giả đóng vai trò 
quan trọng, bạn có thể sử dụng kết hợp các công cụ dó họa trực quan 
đơn giản như đường kẻ, họa tiét,... để định hướng người xem xuống 
phía dưới trang. Nếu thứ tự đọc thông tin của khán giả đóng vai trò 
thực sự quan trọng, bạn có thể đánh số thứ tự cho chúng. 


Ví dụ 2 


Dòng chảy không phải là nguyên lý chỉ có thể áp dụng cho một trang, 
tại một thời điểm. Trong những dự án thiết kế nhiều trang như bản 
tin, brochure hoặc thiết kế gồm nhiều ảnh trên màn hình, chẳng hạn 
như trang Web và banner quảng cáo trên Web, việc thiết lập (cũng như 
trung thành với) một cấu trúc ô lưới (grid structure) và một kế hoạch 
typography tổng thể sẽ ngay lập tức giúp nâng cao sự chuyển động của 
dòng chảy cho một tài liệu. Những dự án nhiều trang hoặc dự án trang 
'Web trung thành với một cấu trúc ô lưới nền tảng đạt được sự nhất quán 
và thống nhất chặt chẽ, tăng cường dòng chảy của các thông tin dưới 
dạng ngôn từ cũng như hình ảnh từ trang này sang trang khác. Các trang 
đường như có dòng chảy tốt hơn, bởi hình thức trực quan nhất quán của 
tài liệu nhiều trang giúp khán giả tin tưởng vào hệ thống. 


We Natural Flow. 


Hinh7-11 Họatiết mũitên và hinh bàn tay trỏ vào 1 
nhüng thóng tin quan trong dóng vai tró là các cóng 
cụ dẫn dòng trực quan tự nhiên, nhằm thu hút sự 


chú ý của người xem. 


An import shop s he fine s in life 


Фла, 


INTERIORS 


E ^ 
GJ 


ЇЇ Glasswares 


/ Jl Display Crystal 


West Branch Road * Anytown * January 19 * (515) 555-3434 
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Hình 7-12 Cả hai trang ở 
hinh minh họa này lẫn Hinh 
7-13 déu có chung mót máu 
dòng chảy, từ trên xuống 
dưới, từ trái qua phải, bởi nhà 
thiết kế của những trang này 
đã xây dựng và trung thành 
với một kế hoạch tổng thể. 
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An import shop specializing in the finer things in life. 


š Fine Pottery 
Флай. YL Glasswares 
INTERIORS = 

jl Display Crystal 


West Branch Road 
(515) 555-3434 


2) pP CC. ӨС. C 
Puy CI Sifi Joar d ои 
‹ 


Hinh7-13 Sửdụng chung 
và nhất quán các thành 
phần trực quan (typeface, 
kích thước logo, ảnh nền, 
hình chữ nhật màu xám) 
giúp trang này đạt được 
hình thức rất thống nhất với 
Hình 7-12. 


Thiết lập một hệ thống để tăng cường dòng chảy của các tài liệu 
nhiều trang cũng đem lại hiệu quả với một chuỗi định dạng trang khác 
nhau. Hãy so sánh Hình 7-12 với Hình 7-13. Các trang này đều là thành 
phần của chuỗi ấn phẩm quảng cáo và có kích thước khác nhau. Cả hai 
trang có vẻ thống nhất về phong cách vì chúng sử dụng nhất quán các 
thành phần từ một kế hoạch tổng thể: Cả hai đều sử dụng cùng typeface, 
logo, ảnh nén, tranh minh họa nhỏ, thành phán liệt kê, cùng với đó là 
những hình chữ nhật màu xám bên trên và bên dưới trang. Việc sử dụng 
nhất quán các thành phần đồ họa đem lại một mẫu dòng chảy tương 
đồng trong cả hai tác phẩm, từ trên xuống dưới và từ trái qua phải. Hai 
trang này có đủ công cụ đồ họa trực quan thú vị để tận dụng xu hướng 
tự nhiên của người xem, đó là đọc theo mẫu từ trên xuống dưới, từ trái 


qua phải. 


Hai tác phẩm này cũng đủ khác nhau để không trở nên nhàm chán. 
Mặc dù dùng chung logo ở phía bên trái trang, song việc di chuyển logo 
ở Hình 7-12 lên phía trên, thay vì đặt nó ở chính giữa trang như trong 
Hinh 7-13, cho phép nét đi xuống thon dán của ảnh nén màu xám “chảy” 
theo chiéu doc trang mà không bị gián đoạn. Nét thon dần của logo là 
một phán quan trọng trong phương án dòng chảy: Các đường nét tinh 
tế của nó thu hút sự chú ý của người xem và đóng vai trò làm phông nền 
cho văn bản được căn thẳng nằm ngay bên phải. Tông xám của ảnh nền 
được chủ ý làm nhạt đi để ăn nhập với các đường kẻ mỏng, hình chữ 
nhật màu xám bên trên và bên dưới trang, cũng như tính chất thanh 
mảnh, mềm mại của kiểu chữ Script. Ảnh nền cũng đủ nhạt để không 
làm cản trở dóng chảy ngôn từ và tính dë đọc của văn bản. 


Việc bó sung các thành phán trực quan như đường kẻ ở Hinh 7-12 
giúp tăng cường sức cuốn hút vé mặt thị giác, cấu trúc và dòng chảy của 
trang. Vì thiết kế trang ở Hình 7-12 có chiểu dài lớn hơn nhiều và chứa 
nhiều thông tin hơn so với thiết kế trang ở Hình 7-13, nên việc đưa vào 
những đường kẻ giúp phân tách, đồng thời tạo thứ tự về mặt trực quan 
cho các cụm từ. Các đường kẻ hình thành nên một thành phần lặp lại, xác 
định ranh giới của văn bản, kết hợp với nét thon nhọn duyên dáng của ảnh 
nền có tác dụng hướng sự chú ý của người xem xuống phía dưới trang. 


Chìa khóa để áp dụng thành công nguyên lý của dòng chảy trong các 
tài liệu nhiều trang là dùng kết hợp với nguyên lý của sự lặp lại. Lặp lại 
các thành phẩn trực quan giúp đem lại cảm giác thống nhất, cho phép 
bạn có thể dàn trải một số thành phần khác trên trang, nhằm nâng cao 
dòng chảy trong các trang. Khi lặp lại những thành phần trực quan trên 
trang nghĩa là bạn đang phát huy xu hướng tự nhiên của con người, đó 
là tìm kiếm các hình mẫu. Lặp lại các thành phẩn trực quan trên trang là 
một cách rất tự nhiên để tăng cường dòng chảy, bởi thị giác của chúng 
ta luôn bị thu hút vào những thành phần lặp lại. Nhờ sắp đặt thận trọng 
các thành phần trực quan trên trang, bạn có thể định hướng người xem 
xuyên suốt thiết kế một cách tỉnh tế, đồng thời trình bày thông tin theo 
một thứ tự có kiểm soát tới khán giả. 


TRANG NÂN O Dòng chảy 


Mục Phân tích cấu trúc trang nâng cao này thảo luận về những thiếu sót 
của một banner hình ảnh động trên Web ở Hình 7-14 và các điểm mạnh 
của banner hình ảnh động sửa đổi ở Hình 7-15. Việc áp dụng nguyên 
lý của dòng chảy cho các thiết kế hình ảnh động diễn ra theo thời gian, 
chẳng hạn như banner động (animated banner), cũng quan trọng như 
việc áp dụng nguyên lý của dòng chảy cho những trang tĩnh. Một cám dỗ 
mà những người mới bắt đầu thiết kế thường phải chống chọi lại là xu 
hướng lấp đẩy trang bằng các thành phần trực quan. Cám dỗ này làm suy 
yếu đáng kể khả năng của khán giả trong việc xác định thứ tự trực quan 
của các thành phán trên trang: Có quá nhiều thứ trên trang làm suy yếu 
đáng kể dòng chảy trong một tài liệu. Hãy ghi nhớ phương châm KISS 
(Keep it simple, self - Giữ cho mọi thứ đơn giản, cá tính), bởi phương 
châm này có thể giúp bạn thiết kế ra những trang với dòng chảy tối ưu. 
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PHÁN TÍCH CẤU TRÚC TRANG NÂNG CA 


Dòng cháy 


Ảnh trên màn hình du tiên của banner hinh \ 

ảnh động trên Web này sử dụng một cách xử ung aheg tenue лды растау АЕ 
lý chữ don giản. "ART" (NGHỆ THUẬT”) có kiểu Pd Pub n NEA hết kế nàn каулы, 
chữ outline (phác nét viền chữ), nhấn mạnh cho Has pn iei de e e 
concept rằng làm giấy là một nghệ thuật sáng w g! ч 
tạo nổi bật, Tuy nhiên, không may là độ dày của 
chữ outline khiến các ký tự trồng rất xấu khi sáp 
xếp cạnh nhau. 


Ảnh trên màn hình thứ hai hiển thị rất nhiều. 
chữ outline kích thước lớn của tù “ART chúng 
xuất hiện nhạt dần ở cả trong lẫn ngoài trang. 
Tất cả những gì mà hành động này đem lại là 
làm cho trang trồng chật chói và thiểu đi một 
đường chuyển động của dòng chảy thị giác. 
Trong trường hợp này, lạm dụng sự lặp lại thực 
tế đã làm giảm giá trị của thiết kể. 


the ART of 
papermaking 


the ART of ^77 
[ 
vi 


papermaking 
NIRU 


papermaking 
Walli ART an inicie 
Wii: fy ART прини ing 
ША = E 


AH 
papermaking 


Một trong số các từ chóng lén (overlap) văn bản. 
chính và làm cho văn bản trở nên khó đọc. 


Những người mới bắt đầu thiết kế có xu hướng. 
sử dụng phần mềm để co hoặc giãn các chữ 
nhằm lấp đấy layout trang. Nhà thiết kế chuyên. 
nghiệp có thể nhận ra các chữ bị giản cách từ xa 
và rùng mình vì sợ hãi. 


Khi một typographer (nhà thiết kế chữ chuyên. 


" x nghiép) thiét ké ra môt chü cao hoàc róng hon 
Nhà thiết kế đã thêm một hiệu ứng khác vào ảnh trên màn hinh thứ bình thường,nó được gọi là chữ co (condensed, 


ba: Hiệu ứng xuất hiện nhạt dán của một nhóm їй “АВТ” khác từ dưới hay còn gọi là chữ cao) hoặc chữ giãn cách 


lên trên. (expanded, hay còn gọi là chữ rộng). Nếu muốn 
có một font chữ cao hoặc rộng trên các trang, 


LC— w сас chữ outline vẫn đang xuất hiện nhạt dán trong và ngoài hinh кА Ease wie dia 
nén, trong khi những từ nét lién (solid word) lai dang nhatdán,nénd3 ^ rộng së tinh tế hơn rất nhiều nếu được tạo ra 

hình thành ít nhất hai hướng dòng chảy xung đột. Sẽ tốt hơn khi tránh. ^ bởi môt nhà thiết chuyên nghiệp. 

tao ra quá nhiều hướng dòng chảy, bởi khán giả sẽ nhanh chóng bị N 

quá tài và khóng biét nén nhin vào dàu. 


Nhin tóng thé, banner hinh ành dóng trén 
Web này có quá nhiều chi tiết. Với một kế 
hoạch tổng thể, một thiết kế đơn giản hơn sẽ 
giúp truyền tải thông điệp tốt hơn. 


Hình 7-14 Hinh này minh họa các ảnh trên màn hình của một thiết kế banner hình ảnh động trên Web chưa 
hiệu quả. Việc nhồi nhét các chữ lặp lại và chồng lên nhau vào tấm banner hình ảnh động làm xáo trộn dòng. 
chảy của tài liệu. 
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L— Trong thiét ké banner hinh ành dóng trên Web này, nhà thiét — Font ITC Aspens đem lại ấn tượng về 
kế đã sử dụng một hiệu ứng đặc biệt nhưng đơn giản hơn để su sáng tạo và tính nghệ thuật. 
truyền tải ấn tượng về sự tinh tế. Như có thể thấy từ ba ảnh trên. 
màn hình này, nhà thiết kế chọn giải pháp đơn giản là làm cho 
các chữ xuất hiện nhạt dần trên màn hình mà không sử dụng [^ Việc thay đổi kích thước của các chữ 


thêm bất cứ chuyển động гибт rà nào khác. Các chữ tiêu dé tiêu đề đã giúp phát huy hiệu quả của 
xuất hiện nhạt dán, sau đó giữ nguyên vị tri. sự nhấn mạnh. 

зу [—— Bằng cách lần lượt làm các từ tiêu dé 
xuất hiện nhạt dán tại một thời điểm, 
ức du nhà thiết ké có thể kiểm soát cẩn thận 
thử tự mà khán giả dựa vào dé đọc 
thông tin cũng như dòng chảy mà khán 

giả theo dõi trên ảnh trên màn hình. 


[ Thay vì có đặt tất cà các thông tin lên 
màn hình cùng lúc, nhà thiết ké chỉ sử 
dụng ít vấn bản nhất, rồi làm nhạt dán 
bên trong và ngoài phần văn bản nội 
dung tại một vị trí định sẵn trên ảnh trên 
màn hình. Vi vẫn bàn nội dung xuất hiện 
nhat dán bên trong và ngoài tại cùng 
một vị trí, nên nhà thiết kế đã khai thác 
thế mạnh của việc căn gióng để căn 
thẳng các chữ theo thời gian. 


Art 


aan king 


Thông tin quan trong nhất được đặt 
trên ảnh trên màn hình tại vị trí cuối 


[Г cùng của banner. 


Hinh7-15 Hinh này minh họa các ảnh trên màn hình của thiết kế banner hinh ảnh động trên Web ở Hinh 7-14 
đã được sửa đổi, thiết kế này trông mach lạc hơn rất nhiều. Việc đơn giản hóa thiết kế banner giúp cải thiện đáng 
kể dòng chảy của tài liệu. 
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TÓNG KẾT 


ТЕ cả các trang vón di đều có những đường dịch chuyển của dòng chảy 
thị giác và ngôn từ. Nếu bạn đặt một đoạn văn bản trên trang và độc giả 
đọc nó, thị giác của họ sẽ đõi theo các từ - điểu này có nghĩa là thị giác 
của họ đang “di chuyển theo mạch” trên trang. Tuy nhiên, có một cách 
tốt hơn so với việc để dòng chảy xảy ra ngẫu nhiên. Bằng cách sắp đặt có 
chủ đích hình vẽ đồ họa và văn bản trên trang, bạn có thể tác động tốt 
hơn tới dòng chảy thị giác của độc giả xuyên suốt tài liệu, đồng nghĩa 
rằng bạn có thé diéu khiển các ý trong thông điệp mà độc giả sẽ bắt gặp 
trước tiên. 


Xây dựng một dòng chảy mạch lạc trên các trang thiết kế nghĩa là 
bạn phải hiểu thấu đáo về thông điệp và phân tích cách sử dụng các hình 
vẽ dó họa sẵn có theo cách tối uu nhất. Xem xét những hình vẽ đồ họa 
có sẵn có thể chỉ ra rằng, bạn chưa có đủ hình vẽ đồ họa cần thiết, hoặc 
chúng chưa thích hợp để tạo nên một dòng chảy mạch lạc. Việc sử dụng 
những hình vẽ đồ họa trực quan đơn giản như đường kẻ, họa tiết, thậm 
chí lặp lại vài thành phần có sẵn, sẽ giúp bạn tiến một bước dài trong việc 
thiết lập phương án dòng chảy hiệu quả. Vấn để cán ghi nhớ khi thiết lập 
một phương án dòng chảy là: Nguyên lý của dòng chảy sẽ phát huy hiệu 
quả cao hơn nữa nếu được sử dụng kết hợp với nguyên lý của sự lặp lại. 


CÂU HỎI TRẮC NGHIỆM SỐ 7 
Điền đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Dòng chảy Văn bản 
Hình ảnh Trái 
Phải 
1. Móttrangcó — tốt sẽ hướng độc giả lướt từ thành phán 


này sang thành phán khác trong layout, đồng thời trình bày thông 
tin một cách cẩn trọng tới họ. 
2. Dòng chảy ngôn từ là thứ tự mà khán giả dựa vào đó để đọc 
trên (các) trang. 
3. Dòng chảy thị giác là thứ tự mà khán giả dựa vào đó để quan sát các 
trên (các) trang. 
4. Độc giả theo văn hóa phương Tây có xu hướng tự nhiên là đọc theo 
các từ được sắp xếp theo thứ tự từ trên xuống dưới, từ 
qua Б 


5. Liệt kê bốn nguyên lý được sử dung để nâng cao thiết kế ở Hình 7-16. 
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Phân tích các đường dịch chuyển của dòng chảy 
ngôn từ và dòng chảy thị giác ở Hình 7-17. Hãy 
vẽ hai đường trên trang thể hiện các đường dịch 
chuyển của dòng chảy ngôn từ và dòng chảy thị 
giác (sử dụng một màu sắc khác nhau cho từng 
đường). Chúng có giống nhau không? Tại sao 
có hoặc tại sao không? Có thành phần nào giúp 
tăng cường dòng chảy ngôn từ và dòng chảy thị 
giác trong bài viết này không? Và giờ, hãy tìm 


một bài báo đăng trên tạp chí hay bản tin và 
ngôn từ cùng dòng chảy thị giác trên bài báo đó. 


Các đường chuyển động của dòng chảy ngôn từ 
chúng có thể được cải tiến nữa không? Nếu cán 


cải tiến hơn nữa, bạn nghĩ phải làm thế nào để 


và dòng chảy thị giác có rõ ràng không? Hoặc, 
thực hiện quá trình này sao cho hiệu quả? 


phân tích các đường dịch chuyển của dòng chảy 


BÀI TẬP 


HINH ÁNH 


+ Nhàn biết được tám ảnh hưởng của việc lựa chọn 
hình ảnh (image) đối với trang thiết kế của bạn. 

+ Nâng cao nhận thức vé các loại hình ảnh khác 
nhau: Tranh minh họa (illustration), ảnh chup 
(photograph), biểu đồ (chart), sơ đồ (diagram) hoặc 
hình vẽ minh họa có sẵn (clip art). 

+ _ Khảo sát trực quan nhiều phương thức khác nhau 
trong việc thay đổi các tấm ảnh chụp, hướng tới 
cải thiện thiết kế. 

+ Làm quen với hình vẽ minh họa có sẵn và cách (йу 
chỉnh chúng, đáp ứng mục đích sử dụng của bạn. 

e Tìm hiểu những kỹ thuật trực quan mà các nhà thiết 
kế có thể dùng để biến chữ viết thành hình ảnh. 

e Tim hiểu một số quy tác đơn giản vé cách sử 
dụng hình ảnh trên trang thiết kế của bạn. 


HÌNH ẢNH LÀM TĂNG ẤN TƯỢNG CHO 
THIẾT KẾ 


Người Trung Hoa cổ đại có câu thành ngữ vẫn vô cùng 
đúng đắn từ trước đến nay: “Trăm nghe không bằng một 
thấy” (nguyên gốc: “A picture is worth a thousand words"). 
Trong thời đại mà thông tin ngày càng phức tạp như hiện 
nay, câu thành ngữ này vẫn còn là một lời nói giảm, nói 
tránh. Ngày ngày, con người liên tục bị “tấn công” bởi 
thông tin qua các ấn bản, truyền hình và Internet, đến nỗi 
mà đôi khi, cách hay nhất để truyền tải nhanh thông điệp 
lại là thông qua một bức ảnh gây ấn tượng manh. 


Hinh ảnh (image) là một phán quan trọng không thể phủ nhận trên 
bản thiết kế (palette) của các nhà thiết kế. Hình ảnh làm tăng thêm ấn 
tượng cho trang thiết kế bằng cách khiến chúng trở nên bắt mắt hơn, 
thông qua việc khơi gợi trí tò mò ở độc giả, thúc đẩy họ hành động, hoặc 
truyền tải những thông tin quan trọng (Hình 8-1). Hình ảnh được lựa 
chọn chưa phù hợp sẽ gây mơ hồ, khiến người xem rối trí, không nắm 
bắt được thông điệp. Ví dụ, việc sử dụng ảnh chim sơn ca và bọ rùa trên 
tờ rơi quảng cáo thiết bị máy tính sẽ khiến độc giả mải nghĩ về mùa xuân 
thay vì nghĩ đến thiết bị máy tính. 


Hình ảnh được bạn lựa chọn sẽ ảnh hưởng tới tâm trạng và phong 
cách trực quan (visual style) của trang thiết Кё, Hình ảnh có thé chi đơn 
thuần nhằm mục đích trang trí hoặc truyền tải thông tin (Hình 8-2). 
Chúng có thể ở đó chỉ để cho vui mắt, miễn là liên quan đến thông điệp 
của bạn, hoặc chúng có thể ở đó để truyén tải những thông tin phức tạp 
mà câu chữ không giải thích đẩy đủ được. Giống như câu thành ngữ 
Trung Hoa đã dé cập ở trên, có những trường hợp cả nghìn từ cũng. 
không thể giải thích rõ một tình huống hoặc một khái niệm một cách dë 
dàng bằng việc liếc nhanh qua một tấm ảnh chụp. 
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Lợi nhuận 


Chỉ phí Lương 


Hinh 8-1 Bức ảnh trên trang này hối thúc người Hình 8-2 Вис ảnh bên trái chỉ mang tính trang trí, 
xem gọi điện yêu cầu giúp đỡ trong những tình trong khi bức ảnh bên phải truyền tải thông tin. 


huống khẩn cấp. 
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Loại ảnh ban chọn cho trang thiết kế phụ thuộc vào quan niệm của 
bạn và loại hình ảnh trực quan bạn có. Tùy thuộc vào quan niệm của bạn 
và các nguồn tài nguyên, bạn có thể sử dụng tranh minh họa, ảnh chụp, 
biểu đồ, sơ đồ hoặc hình vẽ minh họa có sẵn. Ví dụ, nếu đang thiết kế 
một tấm poster cổ động hiến máu, bạn có thể dùng bức ảnh chụp một 
cô y tá (nếu đã có sẵn một tấm ảnh như vậy), hoặc sử dụng một hình 
vẽ minh họa có sàn bàn vé chủ để y tế hay một bức tranh minh họa. 
Nhìn chung, ảnh chụp, tranh minh họa và hình vẽ minh họa có sẵn giúp 
tạo ra phong cách thị giác, còn đồ thị, biểu đồ và sơ đồ lại hữu ích hơn 
khi cần truyền tải những thông tin về thống kê hoặc các thông số. Ảnh 
chụp thường đem lại cảm giác “thật” hơn so với tranh minh họa; trái lại, 
những bức ảnh chụp hoặc tranh minh họa được xử lý nghệ thuật có thể 
bao hàm thêm tâm trạng hay ấn tượng trong đó (Hình 8-3). Bức ảnh xác 
đáng, bất kể là ảnh chụp, tranh minh họa hay đồ thị, luôn giúp ta đưa ra 
được nhiều thông tin mà không chiếm mất quá nhiều không gian. 


Ej 


Hinh 8-3 Phong cách của bức tranh minh họa này 
góp phán tạo nén cảm giác đầy tâm trạng và tao nhà 
cho tranh. 


ÁNH CHUP 


Lợi ích không thé bàn cãi của ảnh chup (photograph) khiến chúng trở 
thành rường cột chính của các thiết kế trang. Ảnh chụp có khả năng 
thông báo, thuyết phục, khơi gợi cảm xúc, giúp bán được nhiều sản 
phẩm, hoặc chứng thực cho các sự kiện. Ảnh chụp là các hình ảnh 
trực quan (visual image) có sức mạnh khơi gợi những cảm xúc bùng 
phát mãnh liệt nơi con người. Tùy thuộc vào kỹ năng của nhiếp ảnh gia 
(photographer), ảnh chụp có phong cách rất đa dạng, từ những bức chân 
dung riêng tư, sáng rõ, nhạy cảm đến các bức ảnh phong cảnh giàu tâm 
trạng hay những tấm hình thời sự nghiêm túc, đậm tính báo chí. 


Ảnh chụp có vẻ được tin dùng hơn tranh minh họa hay hình vẽ minh 
họa có sẵn, bởi hầu hết mọi người đều cho rằng máy ảnh thì không thể 
đối trá. Độc giả đã quá quen với việc nhìn những bức ảnh báo chí trên 
các tạp chí, sách báo; hệ quả là, quá trình “huấn luyện trực quan” (“visual 
training”) này khiến hầu hết độc giả đều chấp nhận những bức ảnh chụp 
mà rất ít khi thắc mắc. Chính sự cả tin này là lý do khiến ảnh chụp có 
được sức mạnh thị giác lớn đến vậy. 


Ban có thể lấy ảnh chụp từ một số nguồn để dùng trong dự án của bạn. 
Các hãng cung cấp kho ảnh như Image Bank và Comstock Photos lưu trữ 
một lượng rất lớn ảnh chất lượng cao ở nhiều thể loại khác nhau. Ta có 
thể mua các ảnh này để dùng cho những thiết kế với một hoặc nhiều mục 
đích sử dụng. Để có ảnh phục vụ các sự kiện quan trọng đặc biệt như lễ 
thành hôn hay ảnh sản phẩm, hãy cân nhắc việc thuê một nhiếp ảnh gia 
chuyên nghiệp để có được kết quả tốt nhất. Với những dự án ít quan trọng 
hơn hoặc nếu tự tin với kỹ năng của bản thân, bạn có thể tự mình chụp 
hình bằng máy ảnh thường hay máy ảnh kỹ thuật số. Một nguồn ảnh chụp 
khác là các đĩa CD chứa các hình vẽ minh họa có sẵn, trong đó bao gồm 
những ảnh chụp sẵn và có thể dùng luôn, như minh họa ở Hình 8-4. Khi 
đã có một nhóm ảnh, ban có thể chát lọc và chọn từ những ảnh đẹp nhất 
để nhấn mạnh nội dung thông điệp mà mình muốn truyền tải. 
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Hình 8-4 Ba ví dụ về ảnh 
chụp dạng có sẵn. 


168 PHÁNMOT CƠ BẢN VË THIÉT KẾ VÀ BÓ CUC DÀN TRANG 


GHI CHÚ 


Cán cán thàn dé khóng 
cát xén ành quá sát, bói ky 
thuật này có thể làm hỏng 
toàn bộ tâm trạng của bức 
ảnh, thậm chí thay đổi hoàn 
toàn ý nghĩa của nó. Chẳng 
hạn, một bức ảnh hai người 
bắt tay nhau sẽ mất đi nhiều 
ý nghĩa nếu bức ảnh bị cắt ở 
ngay giữa bàn tay. 


Hinh 8-5 Bức ảnh này có thể được 
cắt xén khi có khoảng trống rộng thừa 


ra trên đầu hai bé gái. 


Tiêu chí lựa chọn ảnh chup 


Нау chọn ảnh chụp cho thiết kế trang của ban dựa trên những tiêu chí sau: 
+ Chất lượng bức ảnh có tốt không? 


+ Bức ảnh có mô tả rõ ràng tâm trang hay thông tin cán thiết 
không? Nói cách khác, ảnh có truyền tải được thông điệp mà bạn 
cần nhắn gửi độc giả không? 


+ Nó có sẵn dùng với giá cả phải chăng không? 


» Үбі những thiết kế sử dụng một màu hoặc hai màu, hãy chọn các 
bức ảnh có nhiều tông (tone) màu - những màu trắng, đen rõ ràng 
và nhiều sắc xám. Chúng sẽ cho ra các bản in có chất lượng tốt 
hơn so với những bức ảnh chỉ rất sáng hoặc rất tối. 


Các nhà thiết kế trang mới vào nghề thường tưởng rằng phải dùng 
toàn bộ tấm ảnh chụp. Tuy nhiên, ta có thể cải thiện một số bức ảnh khi 
cắt bỏ có chọn lọc một phán chiểu cao và chiều dài ảnh thông qua kỹ 
thuật cắt xén. Thuật ngữ cắt xén (cropping) dùng để chỉ việc cắt bỏ theo 


mép ngang hoác doc cüa búc ành. Viéc cát xén nhüng phán khóng cán 
thiết của bức ảnh giúp tập trung sự chú ý vào phán còn lại (Hinh 8-5 và 
Hình 8-6). Kỹ thuật cắt xén cũng được sử dụng để đặt bức ảnh vừa khít 
hơn vào không gian layout có sẵn trên trang thiết kế (Hình 8-7). Nếu cắt 
xén lành nghề, bạn có thể có được hình ảnh trên cả mức cần dùng từ 
một tấm ảnh chụp. 
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Hình 8-6. Саг хеп có chọn lọc các phần của bức 
ảnh óHinh 8-5 giúp tập trung sự chú ý vào các bé gái. 


Genealogy Search 


Lorem ipsum dolor sit amet, con secteieur 
adipsicing elit, sed diam vulpatae nibh 
euismod. Tempor inci dunt et labore ш 
dolors mapu ali quam erat volupt- 


Duis vl sutemeum irure dolor in sender 
in nonumy velit ese consequat. УН illum. 
dolor facici at vero eos. Nam eu feugiat 
mulli liber lempor, cuma las solstanobis 
segent popdut Conqueniur ctcas nibil 
impesti doming id quod. Maxim facer 
ponia diet omnis voluptatis. Plecat posin 
dict omnis 


Lorem ipsum dolor sit amet, con scetur 
adipsicing elit, sedda diam volpitae nibh 
cuinod. Tempor inci dunt etta labore utes 
dolors magna ali quam ert etta volupateste. 
Duis vl suemeam irure dolor in henderit 
in nonumy velit esse consequat. 


Vel ilum dolor faciseti at vero cọ. Nam seu 
feugiat mulla liber tempor, cum solutanobis 
“ta eigent poptius, conquenius nibil impe 
doming id quod. Maximeste facer ponsin 
dieta omnis voluptatis. Plecat posin diet 
omnit. Duis vella sutemeum irure dolor in 
henderit ata intastaeste nonumy velie esete 
consequat. Valla illum dolor faciscti at vero 
чо. Nam cty feugiat mulla liber tempor, 
Cum nama eus solutanobis lien poptius, 
conquenius qnibil impete doming M quod, 
Tempor inci dunt et labore ut dolor magna 
ali quam ги volupat, Duis vella awemeum 
arare doloh in henden m nonumy. Lorem. 
ipsums dolos sit dolor amet, con келеи 
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Các kỹ thuật trực quan khác nhằm làm tăng tối da ấn tượng của ảnh 
chụp là lật ảnh, cắt lọc đối tượng; còn nếu bạn có chương trình xử lý ảnh 
trên máy tính thì sẽ là xử lý ảnh. Phạm vi cuốn sách không cho phép ta 
xem xét một cách chuyên sâu về các chương trình chỉnh sửa ảnh (photo- 
editing program) trên máy tính; tuy nhiên, tôi đã đưa vào một nhóm ảnh 
nhỏ để minh họa cho một phần tính năng của những chương trình này. 


Lát ảnh (flopping) chỉ đơn thuần là đổi hướng của bức ảnh từ phía 
này sang phía khác (Hình 8-8) để tạo ra ảnh đối xứng gương (mirror 
image) so với ảnh gốc. Ưu điểm của kỹ thuật này là bạn có thể dùng bức 
ảnh để hướng đến các đoạn văn bản hay hình vẽ đồ họa khác trên trang 
(Hình 8-9). Đừng lật ảnh nếu trên ảnh có các sign (ký hiệu) rõ ràng hoặc 


Hình 8-8 lật ảnh giúp thay đổi 
hướng của bức ảnh. Trong ví dụ này, 
ảnh gốc (trái) đã được lật (phải). 


Scout the Surf 


Join in our fun 
Kid's activities at 
Sally's Seaside Resort 


Hinh8-9 Bancóthéchüylàt 
một bức ảnh nhằm hướng thi 
giác của người xem quanh nội 
dung trang. Trong layout này, 
bức ảnh bé gái được lật lại để | Sand Castle building competition Sunday Afternoons 


ánh nhìn của bé hướng thị giác | from noon until three. Fun prizes for all participants. 
của người xem nhằm vào dòng 


tiêu đề một cách tự nhiên. 


banner hay từ ngữ bất ky dë thấy, bởi khi ảnh bị lật, những dòng 
chữ này sẽ bị đọc ngược. 


Để đạt được hiệu ứng động cho ảnh không mang tính quy 
cách, kỹ thuật cắt lọc đối tượng có thể là câu trả lời. Ảnh được 
cắt lọc đối tượng (silhouetted photo) có một phán chọn lọc 
bị loại bỏ (không bắt buộc phải là một phần theo chiểu dọc 
hay ngang như ảnh cắt xén). Bức ảnh có thể được vận dụng kỹ 
thuật cắt lọc đối tượng một phần hoặc toàn phán (Hình 8-10 
và Hình 8-11). Có thể có những trường hợp mà ảnh vận dụng 
kỹ thuật cắt lọc đối tượng một phần hay toàn phần không phù 
hợp với layout của bạn, hoặc bức ảnh khó có thể vận dụng kỹ 
thuật cắt lọc đối tượng (ảnh chân dung cá nhân với những lọn 
tóc mảnh phất phơ nổi tiếng là rất khó để vận dụng kỹ thuật 
cắt lọc đối tượng). Trong trường hợp đó, một kỹ thuật khác 
thay thế cho cắt lọc đối tượng là làm mờ nét ảnh (vignette). 
Tùy thuộc vào hình dang của phần làm mờ mà nó có thể thêm 
vào vẻ khác lạ, hoài cổ hay trang nghiêm cho bức ảnh cũng 
như layout của bạn (Hình 8-12). 
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Hình 8-10 Ví du về ảnh vận dụng 
kỹ thuật cắt lọc đối tượng một ohán. 
Phần bóng không cần bám chính 
xác vào hình dạng của ảnh. Vận dụng 
kỹ thuật cắt lọc đối tượng một phần 
thường dễ làm hơn và thường có vẻ 
rất sinh động. 


Hình 8-11 Ảnh vận dung kỹ thuật 
cắt lọc đối tượng toàn phần. Vận dụng. 
kỹ thuật cắt lọc đối tượng theo sát 
mép ảnh tốn nhiều thời gian hơn, yêu 
cầu phải quan tâm đến từng chỉ tiết. 
Tuy nhiên, đây lại là một kỹ thuật trực 
quan kinh điển được dùng để tăng 
thêm sức hấp dẫn cho trang thiết kế. 


Hình 8-12 Ảnh làm mờ với khung hình 
ô van gợi nhắc người xem về một khung 
ảnh kiểu cổ và tạo thêm ấn tượng trang 
nghiêm, hoài cổ cho bức ảnh. 


172 PHÁN MOT CƠ BẢN VÉ THIẾT KẾ VÀ BÓ CỤC РАМ TRANG 


Các chương trinh xử lý ảnh nhu Adobe Photoshop 
hay Corel PhotoPaint là những công cụ mạnh mẽ dùng 
để tùy chinh (customize) ảnh chụp. Một trong số các hiệu 
ứng đặc biệt mà bạn có thể áp dụng cho ảnh chụp (và 
hình ảnh) trong những chương trình này là: 

+ Làm méo (distort) một phán hay toàn bộ bức ảnh 

(Hình 8-13). 


» _ Hiệu chỉnh màu sắc (colorize) các phần trên ảnh. 
» _ Thêm chữ tùy chỉnh vào ảnh (Hình 8-14). 


+ Phác nét (outline) các đường viển của ảnh 
(Hình 8-15). 

e “Poster hóa” ("posterize") hình ảnh - tức bién đổi 
bức ảnh với đầy đủ các sắc xám và màu sắc về dạng 
đơn giản hơn, giới hạn chỉ dùng một số màu cơ 


Hình 8-13 Làm méo bức ảnh giúp bản (Hình 8-16). 
h ặt. 
nhận mann pban kun qst * Dit bóng dó (drop shadow) dáng sau bức ảnh 
(Hinh 8-17). 
e Làm sáng (lighten) toàn bộ hoặc một phán của bức 
ảnh (Hình 8-18), 


+ Áp dụng một bộ lọc (filter) đặc biệt trên ảnh 
thông qua một phần mềm (Hình 8-19). 


Marie ë` ТТ HỆ 


Hình 8-14 Thêm chữ tùy chinh vào Hình 8-15 Phác nét từ các đường viền tao 
bức ảnh. ra ấn tượng nghệ thuật cho bức ảnh. 
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Hinh8-16 Bức ảnh dugc “áp phích hóa” Hinh8-17 - Đặt bóng đồ sau ảnh. 


Hình 8-18 Làm mờ (fade) một phần bức Hình 8-19 Áp dụng bộ lọc hiệu ứng than 
ảnh giúp tập trung sự chú ý vào phần không chi (charcoal filter) khiến bức ảnh chụp trông 
bị làm mờ trên ảnh. như tranh vẽ. 
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+ Đảo ngược ảnh duong bàn (positive picture) thành ảnh âm bản 
(negative picture) (Hình 8-20). 


e Ніёи chinh màu sắc cho ảnh âm bản thu được để bức ảnh mang 
nét sắc cạnh và sáng tạo tiên phong. 


+ Cất ghép (collage) nhiéu bức ảnh. 
+ Thêm đường vién cho ảnh (Hinh 8-21). 


Các chương trình như Photoshop hay PhotoPaint có đấy đủ hiệu 
ứng và bộ lọc đặc biệt, hấp dẫn khác mà bạn có thể áp dụng cho một 
bức ảnh bình thường, nhằm biến nó thành một tuyên ngôn nghệ thuật. 
Có những cuốn sách hoàn toàn viết về cách sử dụng các phán mềm vô 
song này. Khi một bức ảnh được biến đổi trên nhiều phương diện hơn 
trong một chương trình xử lý ảnh, đúng ra là chúng ta cân xem nó là 
một ảnh minh hoa (photo-illustration) và đã bước qua “dia hạt” của 
tranh minh họa. 


Hình 8-20 Âm bản của bức ảnh. Hình 8-21 Thêm đường viền ảnh làm thay đổi diện 
mạo và ấn tượng về bức ảnh đó. 


TRANH MINH HOA 


Нац hết các trang đều thu được lợi ích từ việc bổ sung tranh minh họa 
(illustration) vào trang, bởi tranh minh họa tốt sẽ mở ra một kênh thông 
tin và truyền thông khác. Kênh này giúp củng cố, giải thích và nhấn 
mạnh nội dung văn bản. Lý tưởng nhất thì tranh minh họa sẽ tôn văn 
bản lên đến một mức hoàn hảo, và độc giả có thể nhìn vào văn bản hay 
bức tranh minh họa, hoặc cả hai, để nắm bắt được toàn bộ câu chuyện. 
Kết hợp giữa thị giác và ngôn từ giúp con người chọn ra được phần 
chính của thông điệp nhanh hơn so với trường hợp trang chỉ dùng duy 
nhất văn bản hoặc hình ảnh. 


Tranh minh họa có thể là các sơ đồ, bản đồ, biểu đồ, hình vẽ hoạt 
hình (cartoon) hay bức vẽ (Hình 8-22, Hình 8-23 và Hình 8-24). Chúng 
rất hữu ích khi ta kể một câu chuyện hoặc thể hiện những thông tin 
phức tap, chỉ tiết mà nếu düng những hinh thức khác sẽ rất khó khăn 


Trang chủ (Home Page) 


chứa link (đường dẫn) đến các trang: 
Giới thiệu hãng Vintage Bicycles (About Vintage 
Bicycles) 

Cita hàng sửa chữa (Renovation Shop) 

Cung cáp hàng màu (Sample Offerings) 

'Yêu cấu cung cáp catalog (To Request a Catalog) 
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Website vé Xe dap (Bicycle Web Site) 


<-> <--> <--> 


<-->] 


Vintage Bicycles Catal 
сеч chứa link đến các trang: «chia link đến các trang: — chứa link đến các trang: 

chữa link đến các vang; Trang chủ. 'Về Trang chủ chứa link đến các trang: 'Về Trang chủ. 

Vé Trang chủ (Home) Giới thiệu hãng Giới thiệu hãng Vé Trang chủ Giới thiệu hãng 

Cita hàng sửa chữa Vintage Bicycles. Vintage Bicycles Giới thiệu hãng Vintage Bicycles. 

Cung cáp hàng máu Cung cáp hàng máu “Cửa hàng sửa chữa. Vintage Bicycles Cửa hàng sửa chữa. 

Yêu cầu cung cấp catalog  Yêucấucungcấpcatalog Yêu cãu cung cãp catalog  Cửahàngsửachữa Cung cấp hàng mẫu 

Các giấy tờ chứng thực Các giấy tờ chứng thực Các giấy tờ chứng thực Cung cấp hàng mẫu. Yèu cầu cung cấp catalog 


Các giáy të chúng thuc 


Trang Giới thiệu hãng — Trang Cüa hàng süa chüa  TrangCungcấphàngmẫu — Trang Yêu cấu cung cấp — Trang Các giấy tờ chüng 
Vintage Bicycles (About (Renovation Shop Page) (Sample Offerings Page) Catalog (To Request a thye (Testimonials Page) 


Hinh8-22 ` Hầu hết mọi người đều không nghi sơ đồ là tranh minh họa, nhưng sơ đồ lại rất hữu ích trong việc 
minh họa mối quan hệ giữa các yếu tố mà nếu dùng cách khác sẽ rất khó hiển thi. Sơ đồ này là một biểu đồ luồng 
(flowchart), thể hiện mối quan hệ giữa các trang được liên kết với nhau trong một trang Web. 
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GHI CHÜ 


Không phải nhà thiết kế 
chuyên nghiệp nào cũng có 
khả năng vẽ tay. Mặc dù khả 
năng vẽ tay là một lợi thể, 
song sự linh hoạt và mạnh 
mẽ của phán mềm ngày nay 
giúp cho hầu như bất cứ ai 
cũng có công cụ để tạo ra 
những hình ảnh trực quan 
thú vị. Kỹ năng quan trọng 
hơn hẳn so với vẽ tay là khả 
năng tư duy thị giác và hiểu 
biết về định nghĩa cũng như 
cách áp dụng các nguyên lý 
thiết kế. 


Hình 8-23 - Ví dụ về tranh hoạt hình. 


để truyền tải. Chẳng hạn, một tranh minh họa có thể dë dàng thể hiện 
được những nét vẽ chỉ tiết của các vật thể nhỏ. Thực tế, tranh minh họa 
thường là cách duy nhất đem lại hiệu quả trong việc hiển thị trực quan 
các ý tưởng hoặc khái niệm trừu tượng. 


Tranh minh họa có thể mang tính hài hước, trang trí, thực tế hoặc 
nghiêm túc. Hãy hài hòa tinh thần chung (tone) của bức tranh với tỉnh 
thần chung của văn bản: Tranh minh họa hài hước đi với đoạn văn khôi 
hài, tranh minh họa thực tế đi với đoạn văn tả thực,... Xác định được giai 
điệu của trang thiết kế tức là bạn phải hiểu thấu đáo các concept và nội 
dung văn bản trong đó. Tất nhiên, nếu bạn chính là người viết ra văn bản 
đó, nhiều khả năng bạn sẽ biết được giai điệu của trang thiết kế; nhưng 
nếu được người khác giao cho dự án này, bạn sẽ phải đọc một chút và 
đưa ra một số câu hỏi. Hiểu được thấu đáo toàn bộ concept cùng trọng 
tâm của văn bản sẽ giúp bạn tạo ra được tranh minh họa đất giá, đồng 
thời bạn cũng không phải phí phạm quá nhiều thời gian để lên cấu trúc 
cho các chỉ tiết phức tạp, không cần thiết. 


Bạn chợt phát hiện ra có ai đó đá tháo dày giày của minh. 


Hình8-24 Búc vẽ minh họa này kể một câu chuyện. 


Một số nguồn tranh minh họa tiểm năng là: (1) Bản thân bạn, với 
trang bị là giấy, bút và/hoặc phán mềm máy tính, (2) một chú bé hàng 
xóm tài năng mà ta có thể “mua chuộc” dë dàng bằng pizza, (3) các họa 
sỹ vẽ tranh minh họa chuyên nghiệp, (4) những ấn phẩm sách hoặc đĩa 
CD chứa hình vẽ minh họa có sẵn. Hình ảnh minh họa có sẵn là những 
hinh vẽ sẵn, thường có bản quyền miễn phí (hãy kiểm tra việc cấp phép 
sử dụng gói sản phẩm) và được bán duói dang đĩa CD hoặc CD-ROM. 
Chúng có thể giúp bạn tiết kiệm rất nhiều thời gian. 


Việc bạn lấy các tranh minh họa từ đâu phụ thuộc vào chủ để của 
trang thiết kế và vị trí mà trang đó sẽ được trưng bày trong thực tế. Tranh 
minh họa dành cho các dự án phân phối lớn và chính thức có thể đòi hỏi 
phải đặt hàng từ các họa sẽ vẽ tranh minh họa chuyên nghiệp, đặc biệt 
là trong diéu kiện thời gian eo hẹp, hoặc bạn không muốn tự mình đảm 
nhận nhiệm vụ đó. Tranh minh họa dành cho các dự án phân phối nhỏ 
và không chính thức có thể dựa vào tài năng của bạn, tài năng của một 
nghệ sỹ địa phương hay các hình vẽ minh họa có sẵn. Tranh minh họa 
dành cho những dự án không quá chính thức mà cũng không suồng sà 
có thể lấy từ nhiều nguồn khác nhau. Thách thức đến từ các dự án “nửa 
nạc nửa mỡ” như vậy là bạn phải cố chọn cho được những tranh minh 
họa có phong cách phổ biến, hoặc phải thay đổi các bức tranh bạn tìm 
được để chúng phối hợp với nhau ăn ý hơn. 
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MÁCH NHỎ. 
Thuật ngữ tranh minh họa: 
(illustration) không nhất thiết. 
phải mang nghĩa 'ành dep"; 
mót bức tranh “đắt giá có thể. 
ở dạng biểu đồ, đồ thị hay sơ. 
đồ, hoặc đơn giản chỉ gồm 
những chữ viết có dạng hình 
học (Hình 8-25). 


Hình 8-25 Ngay cả khi bạn 
không biết vẽ, ta vẫn có thể 
tao được những bức tranh 
minh họa thú vị nhờ sử dụng 
các khối hình học đơn giản và 
chữ viết. 


178 PHẦN MỘT CƠ BẢN VÉ THIÉT KÉ VÀ BÓ CUC DÀN TRANG 


ĐÔI LỜI VÉ HINH VÉ MINH HOA CÓ SÁN 


Nhu đã để cáp ở phần trước của chương, hình vẽ minh họa có sẵn là các 
artwork vẽ sẵn (Hình 8-26) được bán trong sách, đĩa CD hoặc thông qua 
hình thức trực tuyến (online). Khi mua hình vẽ minh họa có sẵn này, bạn 
cần lưu ý tới vấn để nó có thể và không thể được dùng trong trường hợp 
nào. Các nhà sản xuất phần mém khác nhau cho phép người mua sử dụng 
loại hình ảnh này trong những loại dự án khác nhau; vì thế, hãy đảm bảo. 
rằng bạn có xét đến ghi chú về giấy phép đi kèm đĩa để quyết định xem 
trong trường hợp nào thì bạn có thể và không thể dùng các artwork đó. 
Trong bó sưu tập hình vẽ minh họa có sẵn của mình, tôi có các dia CD 
chứa hình vẽ minh họa có sẵn chỉ được dùng cho trang Web; đĩa CD chứa 
hình vẽ minh họa có sẵn chỉ được dùng cho những tờ rơi phục vụ sự kiện 
gia đình, bản tin hay thông báo của trường học; ngoài ra, các đĩa CD chứa 
hình vẽ minh họa có sẵn không bị ràng buộc về cách sử dụng. 


to. 
Б 


Hinh8-26 Ví du phong phú vé các ành nghë thuát mua trén dia CD chúa hinh vë minh hoa có sán. Các hinh 
vë minh họa có sẵn này đã được dinh dang để có thể sử dụng ngay trên chương trinh vé (drawing program) của 
máy tính. 


Hinh vé minh hoa có sàn có thé giáp tiét kiém rát nhiéu thói gian, 
nhung đừng nghĩ rằng ban phải chấp nhận hình thức ban đầu của hinh 
vé minh họa có sån. Đừng ngần ngại tùy chỉnh hình vẽ minh họa có sẵn 
cho phù hợp với mục đích của mình, hoặc để khiến nó trở nên thú vị 
hơn. Một vài khả năng tùy chỉnh tranh minh họa hoặc các loại ảnh khác 
bao gồm (Hình 8-27): 


* Làm méo toàn bộ hay một phán của tranh minh họa. 
e Thêm màu vào các phần của tranh minh họa. 


e Thêm chữ tùy chỉnh vào tranh minh họa. 
• Đặt bóng đổ vào phía sau bức ảnh. 
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GHI CHÚ 


Các gói hình vẽ minh họa 
có sẵn thường chứa tranh 
vẽ, đường viền, hình trang 
trí theo mùa, banner, font 
chữ, ảnh chụp, thậm chí là 
những hình ảnh hoạt hình. 
và clip âm thanh. 


Hình 8-27 Ban không phải chấp nhận hình thức ban đầu của hình vẽ minh họa có sẵn. Tùy chỉnh hình vẽ 
minh họa có sẵn giúp bạn thu được vô số lợi ích từ bức ảnh gốc (ảnh phía trên bên trái). 
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GHICHÚ 


Điều dáng tiếc là không 
phải artwork nào trong các. 
gói hình vẽ minh họa có 
sẵn cũng đạt chất lượng 
cao nhất, nên hãy dè chừng 
với những hình vë minh 
họa có sẵn có viền bitmap 
răng cưa (Hình 8-28). Việc 
sử dụng các ảnh có bitmap. 
ràng cưa lộ ra sẽ ngay lập 
tức khiến trang thiết kế 
bị xếp vào loại trình độ 
nghiệp dư. 


Hình 8-28 Không phải 
hình vẽ minh họa có sán 
nào cũng đạt chất lượng 
cao nhất. Tránh sử dụng 
những ảnh có viền răng cưa 
(trái) và hãy tìm các hình vẽ 
minh họa có sẵn có viển 
trơn tru (phải). 


* Làm sáng toàn bộ hoặc một phần của bức ảnh. 
+ _ Chuyển hình ảnh thành những hình đơn giản. 
• Đảo ngược ảnh dương bản thành ảnh âm bản. 
«  Lậtảnh. 

e _ Lặp lại ảnh với cùng kích thước. 

• _ Lặp lại ảnh với nhiều kích thước khác nhau. 


« Тар lại ảnh và rải (scatter) nó khắp trang thiết kế với những kích 
thước khác nhau. 


+ Cát ghép nhiều bức ảnh nhằm kể một câu chuyện hoặc nhấn 
mạnh một vấn dé. 


Khi tùy chỉnh hình vẽ minh họa có sẵn, hãy nhớ rằng mục đích của 
việc sử dụng tranh minh họa trên trang thiết kế là nhằm truyền tải và 
tăng thêm sức cuốn hút thị giác cho trang đó. Một bức tranh minh họa 
được chỉnh sửa thành công sẽ phù hợp với tỉnh thần chung và phong 
cách của trang thiết kế - chứ không hé ngự trị, hoặc thậm chí là thay đổi, 
ý nghĩa của trang. 


DÙNG CHỮ LÀM ẢNH 


Một trong những nguồn vật liệu của bức ảnh hay bị sao nhãng là chữ 
(type). Có rất nhiều font chữ Decorative đặc biệt phù hợp với nhiều kiểu 
phong cách và mô típ (Hình 8-29). Nếu không thể tìm được font chữ 
thích hợp, hãy cân nhắc việc thay đổi một font chữ có sẵn để nâng cao 
hiệu quả cho thông điệp của bạn. Các cách thay đổi chữ: 

* Vē lại chữ để nâng cao ý nghĩa của từ (Hình 8-30). 

• Sử dụng sự tương phản vé kích thước (size contrast) giữa các từ 

và chữ cái (Hình 8-31). 
+ Xô nghiêng (skew) từ (Hình 8-32). 
+ Làm méo từ (Hình 8-33). 
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Winter Wonderland ` 


distorted, imus Top 
Dance the Tango 


Carwed Jurkoy 


Hinh 8-29 Trên đây chi là một vài trong só các font Decorative có sẵn trên thị trường. Có rất nhiều font 
Decorative, mỗi loại lại mang phong cách thị giác riêng. Nếu chịu khó kiểm, bạn có thể tìm được font chữ phù 


hợp với mô típ của mình. 


Hình 8-30 Vẽ hình đám mây quanh chính từ Hình 8-31 Sự tương phản về kích thước giữa các từ 
“cloud” để nhấn mạnh ý nghĩa của từ này. giúp gia tăng sức cuốn hút về mặt thị giác. 
Hinh 8-32 Rất nhiều chương trình vẽ trên máy Hinh 8-33 Đừng ngần ngại làm méo hẳn mộ: từ để 


tính cho phép xô nghiêng từ với đủ mọi góc độ. nhấn mạnh ý nghĩa của nó. 
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+ Dùng bóng đổ phía sau chữ (Hình 8-34). 

© _ Đặt chữ trên một đường uốn (Hinh 8-35). 

» _ Biến đổi các sắc xám hoặc màu trên một hay nhiều từ (Hinh 8-36). 
* Tạo bản sao (duplicate) và xoay (rotate) chữ (Hình 8-37). 


« Låt chữ (Hinh 8-38). 


+ Làm chữ có cảm giác nổi lên (emboss) (Hinh 8-39). 
+ Đổ một họa tiết lặp lại (pattern) hoặc ảnh vào bên trong chữ 


(Hình 8-40). 


* Dùng nét bao ngoài (outline) của chữ. 
+ _ Dùng các chữ cái dë tao thành hình đồ vật hoặc bức ảnh (Hinh 8-41). 


Hình 8-34 Đồ bóng sau từ để bổ sung thêm 
độ sâu và khiến cho từ có vẻ như được “thoát lên” 
khỏi bé mặt trang. 


š& 


É 


Hình 8-36 Dùng các sắc xám khác nhau dé 
thêm sức cuốn hút thị giác cho từ. 


e SA 
% ^ 


Др 


Hinh 8-35 Dòng chữ được đặt trên một 
đường uốn mang cảm giác vui tươi, tràn đầy 
năng lượng. 


о Sm рак 


Hình 8-37 Tạo bản sao và xoay chữ dem lai 
một hiệu ứng thị giác thú vị. 
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Hãy tránh để đừng bị cám dỗ vào việc áp dụng cách xử lý chữ đặc 
biệt cho tất cả văn bản trên trang thiết kế. Toàn bộ một hay nhiều đoạn 
văn viết bằng font chữ dạng đặc biệt hoặc dạng Decorative sẽ làm suy 
giảm nghiêm trọng tính rõ ràng (legibility) của thiết kế. Áp dụng cách 
xử lý chữ dạng đặc biệt có thể phát huy hiệu quả tối đa đối với một cum 
từ ngắn và khi bạn xử lý từ hay cụm từ đó như một ảnh, chứ không phải 
như một văn bản. Khi dùng chữ làm ảnh, càng ít thì càng tốt. 


qihflip emboss 


Hình 8-38  Móthiéu ứng đặc biệt thường Hình 8-39 Cham nổi khiến chữ có vẻ như dang 
bị bỏ qua là hiệu ứng lật chữ. nhẹ nhàng nổi lên từ trang thiết kế. 


textu re Hình 8-40 Dó hình ảnh chất liệu vào bên trong 
dòng chữ khiến nó mang một vẻ khác thường. 


Hình 8-41 Tất cả các ảnh trong thiết kế này đều được tạo ra từ các chữ cái. Các “khuôn mặt” 
được tạo ra từ những ký tự ngoặc đơn và dấu chấm lấy từ hai font chữ khác nhau. 
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FONT HỌA TIẾT 


Một nguồn nguyên liệu ảnh còn bị sao nhãng hơn nữa là các font chữ 
họa tiết trang trí. Font họa tiết (dingbat) là những ảnh trang trí nhỏ; font 
chữ họa tiết dùng các ảnh nhỏ thay thé cho chữ cái (Hinh 8-42). Font 
họa tiết rất hữu ích khi dùng làm biểu tượng đánh dấu đầu dòng (bullet), 
icon (hình tượng) hay những ảnh nhỏ (Hình 8-43). Một cách sử dụng 
tiém năng khác đối với họa tiết là dùng làm hinh trang trí ở đầu, cuối 
hoặc giữa các đoạn (Hình 8-44). Các font chữ họa tiết có tính khả dụng 
cao, giúp bạn giải quyết được nhiều vấn dé liên quan đến hình ảnh. 


CÁC QUY TẮC THỊ GIÁC KHI SỬ DỤNG HÌNH ẢNH 


Tôi đã tóm tắt một số quy tắc sử dung chung cho hình ảnh. Tuân thủ 
những quy tắc này, các hình ảnh và văn bản trên trang của bạn trông sẽ 
hòa hợp hơn. 


Quy tắc số 1: Không được nhồi nhét các tranh minh họa vào một 
chỗ với nhau. Cách làm này sẽ gây “nhức mắt, từ đó cản 
trở hoặc ngăn chặn tiến trình đọc của người xem trên trang 
thiết kế. Hãy để chừa ra nhiều khoảng trống quanh các tranh 
minh họa để thị giác đi theo một mạch tự nhiên quanh trang 
thiết kế. 


Quy tắc số 2: Tăng thêm sự đa dang và tính tương phản cho trang 
thiết kế bằng nhiều ảnh có kích thước khác nhau. Sẽ thật nhàm 
chán nếu mọi thứ đều có kích thước gần như tương tự nhau. 


Quy tắc số 3: Lựa chọn các tranh minh họa có vẻ hòa hợp với nhau. 
Sử dụng những tranh minh họa từ nhiều nguồn khác nhau 
sẽ khiến trang trông như được thiết kế bởi cả một hội đồng. 
Thông thường, ban sẽ phải dùng những artwork có sẵn trong 
tay và chỉnh sửa màu sắc, kích thước, hình dạng, đường viền, 
văn bản,... của chúng sao cho chúng hòa hợp với nhau. 


Quy tắc số 4: Sử dụng ảnh thích hợp cho trang thiết kế. Nếu chủ để 
của trang là về loài ếch, hãy dùng những artwork vẽ ếch chứ 
không phải vẽ quả bóng. Sử dụng những ảnh đi lạc chủ để của. 
trang sẽ gây rối và đôi khi còn khiến độc giả phát hoảng. Đó 
chính là cách nhanh nhất để “xua đuổi” độc giả và khiến họ 
nghỉ ngờ về giá trị của trang thiết kế (thậm chí có thể là giá trị 
của chính bạn nữa!). 
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Hinh8-42 Fonthoa tiét thay thé ky tu bàng hinh ành. 


Hình 8-43 Tôi lấy hai ảnh từ một font họa tiết, 
sau đó thay đổi kích thước và sắc thái màu của 
chúng để tạo ra một logo về ngày nghỉ mang 
phong cách lễ hội. Các font họa tiết là nguồn ảnh 
rất tốt - và bạn không nhất thiết phải để chúng ở 
cỡ nhỏ. 


Hình 8-44 (Bên phải) Нау thử dùng font họa 
tiết làm ảnh trang trí đặt giữa các đoạn trên trang 
để tạo ra nét tinh tế cho trang thiết kế. 


Holidau Cheer 


Lorem ipsum dolor sit amet, con secteteur 
adipsicing elit, sed diam vulpatate nibh euisnod. 
Tempor inci dunt et labore ut dolors magna ali 
quam erat volupat. Duis vel autemeum irure et 
dolor in henderit in nonumy velit esse etta lu 
consequat. Vel illum dolor faciscti at vero eos. 


Nam eu feugiat mulla liber tempor, cum sollet 
solutanobis eligent optius, conquenius nibil 
impe doming id quod. Maxim facer possin diet 
omnis voluptatias. Plecat possin diet omnis. 
Lorem ipsum dolor sit amet, con secteteur etta 
adipsicing elit, sed diam vulpatate nibh euisnod. 
Tempor inci dunt et labore ut dolors magna ali 
quam erat volupat. Vel illum dolor faciscti. 


Duis vel autemeum irure dolor in henderit in 
nonumy velit esse consequat. Vel illum dolor 
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Hình 8-45 Chân dung tác 
giả đây ư? Không đâu, có 
chăng chỉ là kết quả sau một 
đêm thức trắng với quá nhiều 
cà phê và ngồi làm thiết kế. 
Đây là hình gốc được dùng 
cho Bài tập 1 và Bài tập 2. 


TỔNG KẾT 


Bất kể bạn sử dụng ảnh chụp, hình vẽ minh họa có sẵn hay tranh minh 
hoa thi hinh ành cüng giúp bó sung thém súc lói cuón, phong cách và 
các điểm nhấn truc quan cho trang thiết kế của bạn. Những hình ảnh 
giàu thông tin, được lựa chọn kỹ càng sẽ nâng cao hiệu quả của trang 
thiết kế, đồng thời giúp bạn nhanh chóng truyền tải được thông điệp; 
trái lại, hình ảnh được lựa chọn cẩu thả sẽ làm rối thông điệp mà bạn 
muốn gửi gắm. 


CÂU HỎI TRẮC NGHIỆM SỐ 8 
Điền đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Bộ lọc Tranh minh họa 
Cắt xén Hình vẽ minh họa có sẵn 
Lật 
1. ____ giúp trình bày những khái niệm không dé gì mô tả được 
thông qua các bức ảnh chụp. 
2. Kỹ thuật cát bỏ một phán theo mép ngang hoặc dọc của ảnh được 
gọi là 
з. ___ ảnh liên quan đến việc thay đổi hướng của bức ảnh từ 
phía này sang phía khác. 


4. Các chương trình xử lý ảnh có những mạnh mẽ cho 
phép nhà thiết kế áp dụng các hiệu ứng đặc biệt lên ảnh. 


5, là các artwork vẽ trước có sẵn trên thị trường. 


BÀI TẬP 


Bài tập 1 
Bài tập 1 và Bài tập 2 chủ ý giúp bạn xây dựng kỹ năng thông qua việc 
giới thiệu các phương pháp giúp bạn nhanh chóng tạo ra những tấm 
ảnh độc đáo. Tìm một tấm hình của bản thân (hoặc bất kỳ bức ảnh nào 
khác mà bạn yêu thích), và với máy photocopy, hãy làm méo bức ảnh 
đó (Hình 8-45) bằng cách sử dụng một hoặc nhiều cách trong số những 
phương pháp dưới đây: 

e Làm tối (darken) ảnh bằng cách lựa chọn các tùy chỉnh sắc độ 

(toner setting) tối nhất. 
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e Làm sáng ảnh bằng cách lựa chọn các tùy chỉnh sắc độ sáng nhất. 


° - Dịch chuyển bức ảnh trên mặt kính khi thanh quét ảnh (scanner 
bar) chuyển động (cách này có thể tạo ra những kết quả rất thú vị, 
vì thế bạn hãy mặc sức thử nghiệm) (Hình 8-46). 


« Cát bức ảnh thành những dải (strip) nhỏ và ghép lại theo cách 
mới trên mặt kính của máy photocopy, sau đó thực hiện sao chép 
ảnh (Hình 8-47). 


• Dùng phán vẽ, sơn, bút đánh dấu..., vẽ trực tiếp lên bức ảnh mà 
bạn đã sao chép để tạo một tranh minh họa. 


"` л 


Hình8-46 Вісапһ này đượctạo từ máy photocopy 
kỹ thuật số bằng cách đặt hình chú khi ban đầu lên 
tấm kính, sau đó dịch chuyển nó cùng lúc với thời 
điểm ánh đèn thanh quét đang quét dọc qua mặt 
phẳng. Hiệu ứng làm méo thay đổi tùy theo cách bức 
ảnh bị dịch chuyển trên tấm kính; hãy thử nghiệm vì 
cách này có thể đem lại những kết quả rất thú vị. 


Hình 8-47 Bức ảnh này được 
tạo bằng cách cắt ảnh thành 
nhiều dải, dán trên một tấm giấy 
màu xám, sau đó sao chép lại. 
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Bài tập 2 


Tim một bức hình của bản thân (hoặc một tấm hình ban thích), và với 
chương trình xử lý ảnh như Photoshop, hãy thay đổi bức ảnh bằng cách: 


Làm méo toàn bộ hoặc một phần của bức ảnh (Bảng màu 4, 
Chương 10). 


Áp dụng một bộ lọc đặc biệt từ chương trình phán mém đó lên 
ảnh (Hình 8-48). 


Đảo ngược ảnh dương bản thành ảnh âm bản. 


Chọn một số phần của bức ảnh và phóng to hoặc thu nhỏ chúng 
để nhấn mạnh một ý nghĩa nào đó. 


Nhân bản một số phần của bức ảnh, sau đó cắt ghép chúng vào 
một ảnh đã có (Hình 8-49). 


Bức ảnh chú khỉ Hinh8-49 Sao chép một phần của bức ảnh 


Hình 8-48 
sau khi dùng bộ lọc Dust and bằng Photoshop, sau đó cắt dán nó lên trên 
Scatches (Bụi mờ và vết xước) của một ảnh đã có để tăng vẻ điên khùng của chú 


Photoshop. 


khỉ nhỏ vốn đã "hơi hâm hấp" này. 


ё 


MÀU SÁC 


* Dánh giá được sức hấp dán của màu sắc (color) 
trong thiết kế. 


+ Nắm bắt được những thông điệp bí mật từ màu sắc. 
• Làm quen với các hệ màu RGB, CMYK và PMS. 
• Hiểu biết sâu hơn vé màu sắc. 


e _ Luyện tập áp dung màu sắc thông qua các bài tập 
thực hành toàn diện vé màu sắc trong chương. 


LÀM QUEN VỚI MÀU SẮC 


Màu sắc (color) là một nguồn lực trực quan cực kỳ mạnh. 
mẽ. Chọn màu đúng sẽ giúp trang thiết kế của bạn trở nên 
bắt mắt hơn, thu hút được sự chú ý, đồng thời làm sáng tỏ 
thông điệp. Chọn màu sai sẽ tạo ra vẻ kỳ cục (bạn cứ thử 
tưởng tượng một chiếc cà vạt màu cam sáng đi cùng với 
một chiếc áo sơ mi màu hồng mà xem), hoặc làm giảm 
tính rõ ràng (như dòng chữ màu xanh lục đậm nhỏ xíu 
trên nền màu tím chẳng hạn). Trong chương này, tôi sẽ 
không nói cho bạn biết phải chọn dùng màu nào. Đó sẽ là 
quyết định của chính bạn khi bắt tay vào thiết kế. Thực tế, 
cuốn sách không có mục đích đào sâu về màu sắc, vì đã có 
rất nhiều cuốn sách tốt bao quát toàn diện về lý thuyết màu. 
sắc và ứng dụng của nó, nhằm phục vụ mục đích nghiên 
cứu chuyên sâu được giới thiệu trước đó rồi. Thay vì vậy, 
chương này sẽ cung cấp cho bạn thông tin nền tảng về cách 
lựa chọn màu sắc và ý nghĩa của màu sắc trong thiết kế, 
đồng thời đóng vai trò trợ giúp khi bạn phải đối mặt với 
những vấn để liên quan tới thiết kế của chính mình. 
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Đối với những người mới bắt đầu làm việc với màu sắc, chọn được 
các màu để chúng ăn ý với nhau nhất có vẻ là bài toán mẹo hóc búa. Nếu 
bạn đã từng gặp khó khăn khi phối hợp một đôi tất cho ăn nhập với một 
chiếc áo, hãy thử hình dung sẽ ra sao khi ta phải chọn những sắc thái 
hoàn hảo của màu xanh lục, nâu sám (maroon) và xanh lam cho một 
trang thiết kế. Rõ ràng, đối với một số người, việc phối hợp màu sắc lại 
dễ dàng hơn so với nhiều người khác, nhưng ngay cả những người giỏi 
nhất trong số chúng ta cũng có thể rơi vào trạng thái lúng túng khi phải 
kết hợp các màu sắc với nhau. 


Trong quá trình quyết định sử dung màu nào, nhiều khả năng bạn sẽ 
phải trải qua việc thử nghiệm những phương án kết hợp màu sắc khác 
nhau, chỉ để xem liệu chúng “trông” có ổn không. Không biết bạn có tin 
không, nhưng rất nhiều nhà thiết kế đồ họa chuyên nghiệp thường dùng 
cách thử nghiệm này khi chọn màu. Sẽ không có gì lạ khi các nhà thiết kế 
đồ họa, trước thời điểm chọn được một phương án kết hợp màu sắc cuối 
cùng, phải thử dùng nhiều màu khác nhau trên thiết kế của mình để xem 
những màu nào “trông có vẻ” đúng và giúp nâng cao chất lượng của thông 
điệp (Bảng màu 5, Chương 10). Nếu bạn thiết kế trên máy tính và dùng 
máy in để in ra, tương tự cách các nhà thiết kế đồ họa thường làm, thì việc 
thử những phương án kết hợp màu sắc khác nhau ngay trên màn hình sẽ 
khá dé dàng. Nếu bạn đang xây dựng một số lượng trang không lớn (ví dụ, 
bạn đang chịu trách nhiệm về việc làm ba tấm banner cho buổi tiệc mừng 
ngày Quốc khánh chẳng hạn), có lẽ bạn sẽ muốn dựng vài trang nho nhỏ 
làm mẫu trước để nghiên cứu các phương án kết hợp màu sắc khác nhau 
bằng cách dùng bút đánh dấu hoặc màu sơn. 


Do bạn còn là người mới vào nghề đồ họa, hãy luôn dë chừng khuynh 
hướng sa lẩy vào nhiệm vụ tạo ra trang thiết kế đẩy màu sắc hoàn hảo. 
Diéu này có thể tiêu tốn toàn bộ thời gian của dự án. Trong nhiều trường 
hợp, bất kể đối với người mới hay dân thiết kế chuyên nghiệp, chìa khóa 
dẫn đến thành công đúng thời hạn thường là sử dụng những lựa chọn chỉ 
với một hoặc hai màu đơn giản, nhằm thu hút sự chú ý của độc giả và củng 
có thông điệp. 
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Các nghiên cứu về thị giác đã chứng minh rằng, những trang có màu sẽ 
thu hút nhiều sự chú ý hơn các trang không màu. Một trong những cách 
nhanh nhất để thu hút sự chú ý đến các thiết kế của bạn là bổ sung màu. 
vào đó. Nhưng là màu nào đây? Màu sắc không chỉ là vấn đề thị giác. 
Màu sắc có khả năng khơi gợi tâm trạng và biểu thị ý nghĩa mang tính 


tugng trung. Viéc màu sác có y nghia gi và dugc moi nguói dién giài ra 
sao lại khác nhau đối với từng nền văn hóa. Ví du, trong văn hóa phương 
Tây, màu trắng biểu tượng cho sự thuần khiết và thơ ngây, trong khi ở 
Trung Hoa lại biểu trưng cho cái chết. Vì vậy, có một số quy tắc chặt 
chẽ và quý giá về tâm lý học màu sắc (color psychology) được diễn giải 
phổ quát trong các nền văn hóa. Khi thiết kế cho những đối tượng khán 
giả tại các nền văn hóa cụ thể hoặc đối tượng khán giả quốc tế, hãy đọc 
trước một số nghiên cứu về màu sắc nhắm tới các khán giả đó, nhằm 
tránh những cam bấy có thể vô tình vướng phải về màu sắc. Làm được 
như vậy, màu sắc sẽ trở thành công cụ mạnh mẽ không thể phủ nhận, và 
bạn có khả năng sử dụng màu sắc một cách có ý thức để bao hàm ý niệm 
nhất định trên trang thiết kế của mình. Khi thiết kế cho chính nền văn 
hóa của bạn, có thể không ngán ngại và yên tâm mà giả định rằng bạn đã 
có hiểu biết trung bình vé cách diễn giải màu sắc trong nền văn hóa của 
quê hương mình. Nếu đánh giá phản xạ bản năng của mình đối với màu 
sắc, bạn sẽ có một điểm khởi đầu thuận lợi cho mẫu thiết kế - nhưng chỉ 
với diéu kiện rằng bạn trung thực tới mức tàn nhẫn. Chọn sai màu có 
thể gây phản tác dụng đối với thông điệp của trang hoặc thậm chí gửi đi 
một thông điệp lỗi. Chẳng hạn, hãy tưởng tượng một tờ rơi bán hàng của 
công ty lau dọn vệ sinh, trong đó phương án kết hợp màu sắc chủ đạo ngự 
trị lại là xanh lục ngả vàng và nâu xám. Mặc dù bản thân thiết kế của tờ 
rơi đó không có vấn để gì, song các màu được dùng lại không đặc biệt gợi 
đến sự sạch sẽ và vệ sinh. Thực tế, phòng tuyến đầu tiên giúp bạn chống 
lại những lựa chọn màu sắc nghèo nàn chính là hãy trung thực với chính 
mình. Nếu bạn nghĩ màu xanh lục ngả vàng có vẻ không hợp vệ sinh, 
nhiều khả năng những người khác cũng nghĩ vậy. Phần khó trong lựa 
chọn màu sắc là khi các màu trên một mẫu thiết kế có vẻ mang lại hiệu 
quả, nhưng cũng có gì đó chưa “trúng” lắm. Chọn màu kém hiệu quả là 
vấn để lớn nhất về màu sắc mà các nhà thiết kế mới vào nghề thường 
xuyên vấp phải. Tuy nhiên, ngay cả những nhà thiết kế mới vào nghề 
cũng có khả năng đánh giá chính xác xem có phải các màu sắc trên một 
thiết kế là kém hiệu quả, hoặc gửi đi một thông điệp lỗi hay không. Hiển 
nhiên, sẽ dë dàng hơn nhiều cho các nhà thiết kế mới vào nghề, nếu họ 
đã được cảnh báo trước về một số hàm nghĩa tiềm năng của màu sắc. Để 
giúp bạn tránh khỏi những rủi ro tiểm ẩn như vậy, đồng thời ý thức được 
ràng việc có trong tay một danh sách cơ bản về ý nghĩa của màu sắc sẽ 
thực sự có ích cho bạn khi mới bắt đầu. Tôi đã soạn một danh sách ngắn 
gọn về các thông điệp bí mật mà những màu sắc khác nhau sẽ đem đến 
cho khán giả của bạn. Hãy nhớ, danh sách về ý nghĩa của màu sắc này 
chi dành cho các nền văn hóa phương Tây. 
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+ Màu đỏ (red). Một màu rất sáng và gây hung phấn, đỏ là màu của 
dam mé, bạo lực và sự tự tin tuyệt đỉnh. Màu đỏ “hét lên” đòi hỏi sự 
chú ý. Nó thu hút sự chú ý một cách dữ dội. Những sắc đỏ sậm màu 
máu gợi tả mạnh mẽ về bạo lực cùng nỗi lo âu, trong khi những sắc 
đỏ sáng và trong giúp liên tưởng đến cảm giác lễ hội (ví dụ, hai màu 
dó và xanh lục sẽ khiến tâm trí ta nghĩ ngay đến mùa Giáng sinh). 

+ Màu cam (orange). Những sắc cam sáng màu truyén tải loạt ý 
nghĩa tương tự các ý nghĩa mà màu đỏ khơi gợi. Những sắc cam 
xin màu mang lại cảm giác về đất đai và sắc thu, gợi người xem nhớ 
về thiên nhiên, mùa thu, lễ hội. 

+ Màu vàng (yellow). Những sắc vàng sáng, tươi vui mang hàm ý vé 
hạnh phúc, sự lạc quan và tràn đầy năng lượng tích cực. 

+ Màu xanh lục (green). Màu của lá cây, xanh lục mang hàm ý vé 
thiên nhiên, sự tăng trưởng, sự nuôi nấng chăm Бат, đồng thời 
mang lại hiệu ứng về cảm giác ổn định, yên bình. 


< _ Màuxanhlam (blue). Màu của nước và bầu trời, xanh lam là màu của 
sự thanh thản và tĩnh lặng; ở dải màu tối hơn, nó gợi vẻ trang nghiêm 
thẩm lặng. Những sắc xanh lam sáng và trong gợi cho ta nghĩ đến sức 
mạnh, sự tươi trẻ cùng nguồn năng lượng tích cực, sôi nổi. Các nền 
văn hóa phương Тау coi xanh lam là màu thiên vé phái mạnh. 

+ Màu tím (purple). Từ lâu đã được gắn kết với lòng trung thành, 
các sắc tím đậm mang vẻ trang nghiêm và tinh tế. Trong văn hóa 
phương Тау, các sắc màu hoa oải hương và những màu tím phấn 
như hoa violet được xem là màu thiên về nữ tính, rất được yêu thích. 

+ Màu vàng kim (gold). Màu của sự ổn định, phẩm chát cao đẹp và 
giới thượng lưu. Việc sử dụng màu vàng kim gợi ta nghĩ đến tiêu 
chuẩn cao sang và sự tỉnh tế. 

+ Мап bạc (silver). Gợi ta nghĩ đến công nghệ tiên tiến và thời kỳ 
công nghiệp hiện đại, vì nó tương đồng với màu của thép không 
gi và mạch tích hợp. 

+ Các màu kim loai (metallic color) khác. Thêm sắc bóng kim loại 
vào một màu khiến ta liên hệ đến công nghệ và thời hiện đại. Các 
màu kim loại mang đến vẻ tinh tế và sáng tạo tiên phong. 


MÀU SẮC VÀ MÁY TÍNH 


Khi việc trang trải chỉ phí cho máy tính, phần mềm xuất bản trên máy 
tính và các máy in màu dành cho máy tính để bàn ngày càng trở nên dễ 


dàng, háu hét nhà thiét ké dàn trang déu tao ra các trang thiét ké trén 
máy tính và in thử ngay trên những máy in màu dành cho máy tính để 
bàn. Khi bạn thiết kế một trang trên máy tính, màu sắc hiển thị trên 
màn hình được pha trộn bằng hệ màu trên máy tính là hệ RGB! (Red/R, 
Green/G và Blue/B). Khi in trang thiết kế trên máy in màu, trang đó sẽ 
được in với hệ màu CMYK? (Cyan/C, Magenta/M, Yellow/Y và Black/ 
K?). Kết quả là, bản in CMYK từ máy in màu dành cho máy tính để bàn 
của bạn trông sẽ khác so với bức ảnh trên màn hình. Rất nhiều gói phần 
mềm xuất bản trên máy tính có các hệ thống quản lý màu sắc tích hợp 
vào phần mềm đó, nhằm giúp hiệu chỉnh (calibrate) hoặc tinh chỉnh 
(adjust) những màu RGB bạn thấy trên màn hình cho giống với bản in 
màu CMYK từ máy in màu cho máy tính để bàn hơn. Cuối cùng thì, nếu 
bạn quyết định để máy in tiến hành in dự án của mình tại một xưởng in 
với đây đủ dải màu, hệ màu CMYK sẽ được sử dụng. 


Một việc quan trọng khi tạo ra trang thiết kế của bạn là xác định cách 
ban sẽ in bản hoàn thiện của trang. Nếu dinh tạo ra một lượng bản sao 
có giới hạn, có thể bạn sẽ thấy việc in chúng trên máy in màu dành cho 
máy tính để bàn, hoặc giao cho hãng photocopy nào đó làm một số bản 
có giới hạn, sẽ đem lại lợi ích kinh tế cao hơn. Đối với những công việc 
đòi hỏi số lượng bản in ở mức vừa và nhỏ trên giấy trắng mờ hoặc trắng 
bóng, lời khuyên cho bạn là hãy đầu tư vào các nhà in trực tuyến chuyên 
về in màu kỹ thuật số (digital color print). Hiện đang có rất nhiều công 
ty in ấn quảng cáo trực tuyến có khả năng gửi trực tiếp những file màu 
trên máy tính của bạn đến các máy in kỹ thuật số với giá rất rẻ và tốc độ 
rất nhanh. Điểm cộng là chất lượng thu được rất tốt và có vẻ như các 
tùy chọn về định dạng in thì ngày càng mở rộng. Ngược lại, nếu bạn cần 
nhiều bản sao, hoặc có một dự án chuyên sâu với các nếp gấp trang phức 
tạp hoặc những bản sao nhiều trang, nhiều khả năng bạn sẽ cần đến dịch 
vụ của công ty in ấn với các xưởng in truyền thống. Sử dụng quy trình 
xưởng in truyền thống yêu cầu bạn phải mang file đến một hãng dịch vụ 
máy tính hoặc hãng in để tách màu đầu ra cho file đó. Mỗi màu bạn dùng. 
trong tài liệu đó phải được đưa ra trên từng trang riêng, bởi mỗi máy in 
trong xưởng in chỉ in duy nhất một màu tại một thời điểm. Kết quả là, 
mỗi màu sử dụng trong tài liệu cần một bản tách màu (color separation) 
riéng cho nó, bán này dugc máy in düng dé tao ra só lugng bán khác 
(plate) tương ứng với só lượng màu. Ví du, nếu một thiết kế trang sử dung 


! Hệ màu RGB và CMYK: Trong quá trình chuyển ngữ, chúng tôi chủ ý giữ nguyên các thuật 
ngữ chuyên ngành chỉ màu trong hai hệ màu này, nhằm đảm bảo tính chuyên môn quốc tế đã 
được công nhận rộng rãi; mặt khác, việc chuyển dịch các màu này ra ngôn ngữ tiếng Việt khó 
đạt được độ chuẩn xác. Khi thực hành, người học sẽ hiểu rõ bản chất của từng màu trong hai 
hệ màu quan trọng này. 


*Black/Key: Chữ K trong hệ màu CMYK là Key - trong tiếng Anh nên hiểu theo nghĩa là cái 
gì đó then chốt hay chủ yếu, nhằm ám chỉ màu đen, mặc dà màu này có tên tiếng Anh là Black, 
do chữ B đã được đùng để chỉ màu Blue trong hệ màu RGB. 
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GHICHÚ 


Nguyên tác hàng đầu đối với 
màu sắc là màu của văn bản 
phải khác ít nhất 50% so với 
màu nền để người xem có 
thể đọc được dễ dàng. 


hai màu, máy in cần tạo ra hai bản tách màu, sau đó là hai bản khắc để in 
từng màu lên giấy khi trang giấy được chuyển qua xưởng in. Ba màu có 
nghĩa là cần ba bản tách màu, ba bản khắc để in, và cứ như vậy. 


Với những trang màu chỉ dùng một số màu sắc, bạn có thể dùng 
các màu pha sẵn (spot color), chẳng hạn như Hệ màu Pantone (Pantone 
Matching System - PMS). Hệ màu Pantone là một chuẩn ngành đồ hoa 
(graphics industry standard) cung cấp rất nhiều màu pha (mixed color) 
tùy chỉnh, bao gồm các màu phấn (pastel color), màu kim loại (metallic 
color), màu tráng véc ni (coated with varnish color) hoặc màu không 
tráng (uncoated color). Nhiều cuốn sách mẫu màu (swatch) PMS được 
bán ở nhiều nơi và có thể mua tại các cửa hàng chuyên về nghệ thuật. 
Tùy từng sách mẫu màu, các màu được định danh bằng tên và/hoặc tỷ 
lệ pha màu RGB và CMYK độc đáo. Các mẫu màu PMS cũng có sẵn 
trên nhiều chương trình phần mềm đồ họa. Tuy nhiên, đừng bao giờ 
phụ thuộc vào màu trên ảnh chụp của màn hình không được hiệu chỉnh 
(uncalibrated monitor) và coi đó là màu sắc thực tế, chính xác; thay vì 
vậy, hãy chọn màu PMS của bạn từ sách mẫu màu. Với những nhà thiết 
kế cẩn dùng toàn bộ dải màu đẩy đủ, phép in điểm màu (color process) 
CMYK sẽ rất hữu ích (Bảng màu 6, Chương 10). Pantone cũng cung cấp 
các chỉ dẫn màu sắc đưa ra những mẫu màu cùng tỷ lệ trộn màu CMYK 
tương ứng, cho phép chọn màu chính xác hơn so với việc lựa chọn theo 
một màn hình màu không được hiệu chỉnh. Thông thường, in màu pha 
sẵn sẽ tiết kiệm nhất khi sử dụng màu đen đi kèm với một màu pha - như 
màu tím chẳng hạn. Dùng màu pha sẵn cho phép máy in sử dụng cách in 
hai màu, nạp mực in màu đen và một màu tím được pha sẵn vào các đơn 
vị in. Dùng màu CMYK dói hỏi máy in phải sử dung cách in đẩy đủ các 
lượt màu (full-color press) và và các màu mực in phải được dó đúng vào 
bốn ô màu trong máy in của từng lượt in. Càng dùng nhiều màu sẽ càng 
tốn thời gian, công sức và kéo theo đó là chi phí càng gia tăng. 


Phần mềm xuất bản trên máy tính để bàn cho phép người dùng chọn 
bất kỳ hệ màu nào họ cần. Tuy nhiên, hãy dùng cố định một hệ màu, bởi 
việc sử dụng cả màu pha lẫn màu CMYK trên một tài liệu sẽ tạo ra những 
bản tách màu không cán thiết về sau: Một bản tách cho từng màu Cyan, 
Magenta, Yellow và Black cộng thêm những bản tách khác cho các màu pha 
sẵn trên file. 


CÁC VÍ DỤ VỀ MÀU SẮC 


Màu sắc cũng như lý thuyết về màu sắc là những nội dung phức tạp có 
thể đễ đàng trở thành chủ để của nhiều cuốn sách chuyên để và nằm 


ngoài pham vi cüa cuón sách này. Thay vào dó, nhüng ví du duói dày së 
làm nói bàt mót vài phuong pháp don giàn mà ban có thé áp dung dé bát 
đầu làm việc với màu sắc trên các trang thiết kế của riêng minh. 


Ví dụ 1 


Bạn có thể dùng màu sắc để thu hút sự chú ý và làm tăng tính rõ ràng. 
Trong Bảng màu 7, Chương 10, bức ảnh trên cùng thể hiện tấm banner 
đen trắng ban đầu. Rất dễ để nhận thấy rằng việc thêm màu (ảnh giữa 
và ảnh dưới) đã giúp gia tăng tính rõ ràng của tấm banner ra sao. 


Nếu bạn đang thiết kế cho dự án sẽ được đọc từ xa như tấm banner 
này chẳng hạn, và khả năng đễ đọc từ khoảng cách xa là mối quan tâm 
lớn, bạn có thể xét đến việc dùng các phương án kết hợp màu sắc gồm 
đỏ và vàng. Màu đỏ giúp thu hút sự chú ý mạnh nhất, trong khi vàng 
là một trong những màu bắt mắt nhất. Bao bì sản phẩm và các điểm 
bán hàng thường sử dụng những màu ấm (warm color) như đỏ, vàng, 
cam để tạo ra hiệu ứng mạnh, thu hút sự chú ý của khách hàng. Người 
ta nghĩ rằng vì đây là những màu thu hút mạnh mẽ sự chú ý của người 
tiêu dùng, nên chúng đem lại hiệu quả cao hơn đối với việc gây ảnh 
hưởng lên quyết định mua hàng. Các màu ấm như đỏ và cam cũng có 
vẻ như “tiến” về phía người xem; trong khi đó, những màu lạnh (cool 
color) như xanh lam và xanh lục có xu hướng “lùi lại” (Bảng màu 8, 
Chương 10 ). Do những phương án kết hợp màu sắc của những màu 
ấm như đỏ và vàng rất dễ thấy, nên chúng đem lại nhiều lợi ích khi ta 
thiết kế dự án dành cho việc xem từ khoảng cách xa, chẳng hạn như 
poster, banner và nhãn dán trên tấm chắn xe. Tuy nhiên, một điều 
cần lưu ý là các tổ hợp của những sắc đỏ và vàng rất sáng thường có 
xu hướng mang vẻ hội hè quá mức, vì thế hạ tông xuống một chút sẽ 
khiến chúng trông tinh tế hơn đôi chút (Bảng màu 9, Chương 10). Cái 
khéo ở đây là đừng làm cho chúng quá tối, đến mức không còn tính 
bắt mắt nữa. Ngược lại, những dự án nặng về văn bản, chẳng hạn như 
bản tin và báo cáo, cẩn tránh các phương án hòa sắc trên, bởi việc đọc 
những vùng văn bản lớn chứa các màu này có xu hướng khiến người 
xem mỏi mắt. 


Ví dụ2 


Một kỹ thuật dùng màu khác mà bạn có thể vận dụng để thu hút sự chú 
ý là dùng một vùng màu đơn sắc (solid color) hoặc một bức ảnh màu 
để làm nền. Bảng màu 10, Chương 10 minh họa một bức ảnh sáng màu 
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GHI CHÚ 


Màu sắc được chia thành các 
loại màu ấm, màu lạnh và 
màu trung tính (neutral). Các 
màu ấm rơi vào dải đỏ, vàng 
và cam. Các màu lạnh rơi vào 
dải xanh lam và xanh lục, Các 
màu trung tính, chẳng hạn 
như sắc nâu vàng và xám, là 
những màu chịu ảnh hưởng 
và nghiêng về dải màu ấm 
hoặc lạnh, tùy theo khoảng 
cách của chúng đến các màu 
khác là gần hay xa. 
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dugc düng làm nén, nhàm gia táng súc cuón hút thi giác. Mót diém cán 
ghi nhớ là để một màu quá gắt làm nén có thể khiến văn bản trở nén khó 
đọc. Ví dụ, hãy quan sát những tấm ảnh trên Bảng màu 11, Chương 10. 
Đâu là nhóm văn bản dë đọc hơn? 


Ví dụ 3 


Trong thiết kế bản tin hoặc báo cáo, ban có thể dùng màu sắc để nhấn 
mạnh tổ chức trang thiết kế của mình, như minh họa ở Bảng màu 12, 
Chương 10. Màu mạnh thu hút sự chú ý đến các dòng tiêu dé, trong khi 
các ó màu (colored box) cho thấy rằng những thông tin bên trong chúng 
là khác biệt so với phần còn lại của trang thiết kế (công thức nấu ăn). 
Ngoài ra, trong những ấn phẩm gồm nhiều trang như bản tin này, việc 
sử dụng sử dụng sự phối hợp về màu sắc qua các trang có thể giúp mẫu 
thiết kế trông như đã được tổ chức, lên kế hoạch tốt và thống nhất hơn. 


Ví dụ4 


Khi chọn phương án hòa sắc trên trang, bạn nên lựa những màu phù 
hợp với ý đồ thiết kế của mình. Nếu là chủ để vui tươi, hãy chọn những 
màu sáng mang sắc thái tràn đẩy năng lượng và sự trẻ trung (Bảng màu 
13, Chương 10). Nếu là chủ để mang tính truyền thống, hãy chọn những 
màu trầm lặng (Bảng màu 14, Chương 10). Ví dụ, nếu đang thiết kế một 
tờ rơi cho Lễ hội Trồng cây Abor Day, có thể bạn sẽ không dùng các sắc 
hồng và vàng. Một lựa chọn thích hợp hơn có lẽ là các sắc xanh lục và 
xanh lam, bởi hầu hết mọi người đều gắn kết những màu này với đất đai 
và thiên nhiên (Bảng màu 15, Chương 10). Một điểm nữa cần ghi nhớ 
là những người đến từ các nền văn hóa khác nhau thường gắn kết màu 
sắc với những ý nghĩa khác nhau. Chẳng hạn, người dân Tây Âu và Bắc 
Mỹ gắn kết màu đỏ với niêm hung phán và sự nguy hiểm (Bảng màu 16, 
Chương 10), trong khi người dân đến từ một số nền văn hóa châu Á lại 
liên kết màu đỏ với lễ hội, vận may và niềm vui. 


Cách tốt nhất để học thêm về việc nên chọn dùng màu nào (bên cạnh 
việc học đại học để lấy chứng chỉ về thiết kế đồ họa hay nghệ thuật), 
chính là xem trang thiết kế của những người khác để học hỏi xem đâu 
là loại màu mà họ đã sử dụng. Hãy tự hỏi: “Dùng những màu đó có phù 
hợp với chủ dé này không?” và nếu có nhiều hơn một màu được sử 
dụng trên trang đó, bạn cần trả lời câu hỏi: “Những màu này đi với nhau 
liệu có tốt không?” Dần dần, kết hợp kỹ thuật quan sát này với việc thử 
nghiệm trên các trang của chính mình sẽ giúp bạn phát triển khả năng 
cũng như sự tự tin khi sử dụng màu sắc. 


CÁC MEO NHÓ KHI SÜ DUNG MÀU SÁC 


Sit dung màu sác dé thu hút su chú y dén nhüng ván bàn hoác 
hinh ành quan trong. 

Chọn những màu phù hợp với chủ dé thiết kế. 

Hướng sự chú ý của độc giả đến thông tin quan trọng nhất trên 
trang bằng cách đặt cho nó một tông màu sáng. 

Sử dụng màu sắc một cách nhất quán để giúp tổ chức trang (ví dụ 
như thiết lập cùng một màu cho tất cả các dòng tiêu dë). 

Trong những dự án nhiéu trang như bản tin, hãy sử dụng một 
phương án hòa sắc nhất quán để tổ chức và kết hợp chặt chẽ tất cả 
các trang với nhau (chẳng hạn như, thiết lập cho mọi dòng tiêu dé 
với cùng một màu, các tiêu dé phụ có màu giống nhau,...). 

Sử dụng các phương án kết hợp màu đỏ và vàng đối với những dự 
án cẩn đáp ứng yêu cẩu đọc được từ xa. 

Đừng dùng những phương án kết hợp màu chói như đỏ và vàng 
trong các trang có nhiều đoạn văn bản nhỏ. 

Sử dụng những bức ảnh có màu sáng làm các yếu tố hậu cảnh 
(background element), nhằm gia tăng sức cuốn hút thị giác cho 
thiết kế của bạn. 

Đảm bảo tính rõ ràng cho các mẫu thiết kế của bạn bằng cách sử 
dụng nhiểu tương phản giữa màu của chữ (type color) và màu 
nén (background color). 

'Thử dùng một hoặc hai màu trên các trang thiết kế, cho đến khi 
bạn vững tay hơn trong việc kết hợp màu sắc. 

Nghiên cứu cách những người khác sử dụng màu sắc trên các 
trang thiết kế của họ. 


Luu ý đến các xu hướng sử dụng màu sắc. Những xu hướng phổ 
biến trong năm này có thể không còn phổ biến vào năm tiếp theo. 
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TÓNG KẾT 


Sử dụng thành thạo màu sắc së giúp tăng thêm án tượng và chiều sâu cho 
các mẫu thiết kế của bạn. Tuy nhiên, việc chọn màu nói thì dễ hơn làm: 
Bạn sẽ thấy rằng việc chọn màu để dùng trên các trang thiết kế của mình 
thường là một quá trình thử nghiệm. Đừng dë dặt khi phải ngó nghiêng 
xung quanh để tham khảo các phương án kết hợp màu sắc mà người 
khác dùng trên thiết kế của họ. Hãy lưu ý xem thiết kế của người khác có 
gì hiệu quả và không hiệu quả, sau đó áp dụng những quan sát này vào 
trang của bạn. Thông qua phương pháp thử và sai (trial and error), đồng 
thời quan sát thiết kế của người khác, bạn sẽ tự tin hơn với cách áp dụng 
màu của minh. Khi lên phương án màu sắc, hãy cố ghi nhớ rằng những 
màu mà bạn chọn phải góp phần vào việc tạo nên tính rõ ràng, tính tổ 
chức, cảm giác và cá tính cho trang thiết kế của bạn. 


CÂU HỎI TRẮC NGHIỆM SỐ 9 
Điền đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
RGB Màu sắc 
50% PMS 
CMYK 
1. Nguyên tắc hàng đầu đối với màu sắc là màu của văn bản phải khác 
ít nhất so với màu nén, nhằm giúp người xem có thể đọc 
được dë dàng. 
2 có khả năng khơi gợi tâm trạng và biểu thị ý nghĩa mang 
tính tượng trưng. 
3. Màu sắc được hiển thị ở ảnh trên màn hình thông qua sự pha trộn 
của các ánh Z 
4. Quy trình in đẩy đủ các lượt màu bao gồm các màu 
5. Nhà thiết kế thường sử dung các sách mẫu màu để chọn 


các màu pha sẵn. 
BÀI TẬP 
Bài tập 1 


Bài tập này sẽ giúp nâng cao hiểu biết của bạn về cách thức màu sắc có 
thể gây ảnh hưởng đến diện mạo và cảm nhận (look and feel) của một 


mẫu thiết kế. Chọn một logo từ một tờ báo, bản tin hoặc tap chí với 
ít nhất hai từ và một symbol (biểu tượng) trên đó; cố chọn một logo 
lớn ít nhất vài inch (1 inch = 2,54 cm), hoặc phóng to nó ra bằng máy 
photocopy (logo lớn sẽ dë đồ lại hơn). Với giấy can trong suốt để đồ lại 
ảnh và nhiều bút đánh dấu có màu sắc khác nhau, bút chì màu hoặc bút 
dạ màu, hãy mô phỏng lại logo đó với hai hoặc ba màu. Chẳng hạn, bạn 
có thể tô một màu cho các từ và dùng một màu khác để tô cho symbol, 
hoặc bạn có thể tô cho mỗi từ một màu khác nhau và tô màu thứ ba cho 
symbol. Hãy tạo ra ít nhất ba phiên bản khác nhau của logo ban đầu với 
các phương án kết hợp màu sắc không giống nhau. 


Khi bạn hoàn thành việc dó lại ba phiên bản màu sắc khác nhau 
trên logo, hãy ghim chúng lên tường cùng với logo ban đầu và quan sát 
chúng. Việc thay đổi màu sắc có ảnh hưởng như thế nào đối với diện 
mạo và cảm nhận của những logo này? Liệu có dòng chữ nào trong số 
chúng giờ đây có vẻ nổi bật hẳn lên và có điểm nhấn hơn hẳn so với ban 
đầu không? Tại sao? Màu hay các màu nào mà bạn dùng đã giúp chúng 
nổi bật hơn so với những dòng chữ còn lại? Đôi khi, ta phải xem xét 
nhiều phương án kết hợp màu sắc khác nhau rồi đi sâu phân tích lý do tại 
sao chúng có thể làm thay đổi diện mạo và cảm nhận của một mẫu thiết 
kế, từ đó củng cố vững chắc các khái niệm về màu sắc. 


Bài tập 2 


Để tiếp tục thử nghiệm với màu và khảo sát hiệu ứng mà màu sắc tạo ra 
trên thiết kế trang, hãy thử đồ lại vài trang khác, chẳng hạn như các tờ 
rơi, bìa báo cáo, brochure của ngân hàng, biểu dó, tiêu để,... Thậm chí, 
bạn còn có thể đồ lại một số hình trong cuốn sách này với những phương 
án kết hợp màu sắc khác nhau. Bạn thậm chí cũng không phải bận tâm về 
việc phải vẽ lại từng phần serif cho các typeface; hãy cứ sơ phỏng lại thiết 
kế bố cục tổng thể để có thể nhanh chóng thêm màu vào đó. Ưu điểm khi 
thực hiện bài tập này là bạn có thời gian xem xét màu mà những người 
khác sử dung trong thiết kế của họ, di kèm với nhận thức bản năng vé 
màu sắc ngày càng cao, và chính nhận thức bản năng đó sẽ được chuyển 
tải vào trong các thiết kế của chính bạn. Ngay cả với những thiết kế đồ 
lại mà ban đầu chỉ có hai màu đen trắng, bài tập này cũng giúp bạn xây 
dựng được cảm nhận về màu sắc và cách nó ảnh hưởng đến ấn tượng 
tổng thể của một thiết kế. Xem Bảng màu 17, Chương 10 để nắm được 
các giải pháp khả thi cho bài tập này. 


CHƯƠNG9 MÀU SẮC 199 


200 PHÁNMOT CƠ BẢN VỀ THIẾT KÉ VÀ BÓ CUC DÀN TRANG 


Bài tập 3 

Như đã dé cập ở phần đầu chương, màu sắc có thể bao hàm ý nghĩa và 
truyền tải thông điệp. Bài tập này sẽ thực sự bắt bạn phải động não về 
ý nghĩa của màu sắc mà không được phép sao nhãng việc đưa các hình 
ảnh, font chữ và thiết kế vào một bố cục sao cho đẹp mắt. Với bài tập 
này, hãy chọn hai từ trong danh sách dưới đây và chọn năm màu cho 
mỗi từ mà bạn tin rằng đại điện cho ý nghĩa của từ đó (Bảng màu 18 và 
Bảng màu 19, Chương 10). 


anger (tức giận) passion (đam mê) 
serenity (thanh thản) dignity (trang nghiêm) 
dependable (đáng tin cậy) sensual (gợi cảm) 
depressed (thất vong) fanciful (ky khói) 
minimal (nhỏ bé) loud (ón ào) 
festive (náo nhiét) delicate (thanh nhà) 
violent (bao luc) classic (cổ điển) 
pristine (ban sơ) woodsy (nhiều cây cối) 
wholesome (lành mạnh) sweet (ngọt ngào) 
transcendent (siêu việt) dysfunctional (rối loạn chức năng) 
Bài tập 4 


Bài tập này được xây dựng trên đáp án của bạn cho Bài tập 3 bằng cách 
kết hợp nó vào một bố cục toàn typography. Hãy tạo một tấm poster nhỏ 
cho mỗi từ bạn chọn ở Bài tập 3 bằng cách thiết lập cho từ đó một hoặc 
nhiều font chữ, giúp củng cố về mặt trực quan ý nghĩa của từ đó. Hãy chỉ 
dùng những lựa chọn màu của bạn ở Bài tập 3 cho mỗi từ bạn chọn. Bạn 
có thể tùy ý lặp lại từng từ ít hoặc nhiểu Мп, miễn là đạt được concept 
thiết kế của mình. Bảng màu 20 và Bảng màu 21, Chương 10 minh họa 
các giải pháp cho tình huống này. 


(huong 10 Tổng quan vé các thuật ngữ chuyên ngành...... 202 
(hương 11 Một số quy tắc sử dụng chữ đơn giản............. 245 


Phần này của cuốn sách sẽ tìm hiểu về chữ (type) và typography (môn chữ ứng dụng học). Chương 10 
sẽ trình bày tổng quan về các thuật ngữ dùng trong typography, trong khi Chương 11 bàn về những 
! quy tác co bản để sử dụng chữ hiệu quả trên trang thiết kế của bạn. Chữ là phán thiết yếu của tất cà 
| các trang, và việc sử dụng chữ một cách сб hiểu biết đóng vai trò rất quan trọng, giúp bạn thiết kế nên 


những trang chất lượng, có khả năng truyền tải thành công thông điệp. Nếu không hiểu biết thấu đáo 
vé typography, văn bản của ban sẽ thực sự có nguy cơ gây trở ngại đến việc truyền tải thông tin. Phần 
này cung cấp những hướng dẫn cơ bản, nhằm giúp bạn nâng cao hiểu biết cũng như ứng dụng về 
typography trên trang thiết kế của bạn. 


TỔNG 0UANVÉ 
CÁC THUẬT NGỮ 
CHUYÉN NGÀNH 


GHI CHÜ 


Cách thức trình bày và sắp xếp chữ 
trên trang ảnh hưởng đến diện 
mạo và cảm nhận tổng thể của 
trang thiết kế nhiều hơn bất cứ 
thành phần trực quan nào. 


« Tiếp thu được những kiến thức đem lại lợi ích 
thực tế về các thuật ngữ typography cơ bản. 


e Xác định các bộ phận của letterform (mặt chữ) 
thông qua vốn thuật ngữ chính thống về chữ. 


» Tim hiểu về các loại chữ. 


» Có được hiểu biết nền tảng về các định dạng phần 
mềm font chữ quan trọng. 


Đại đa số các trang được tạo ra đều chứa chữ. Chữ có mặt 
ở khắp nơi: Bưu thiếp, tạp chí, brochure, bản tin, bao bì 
sản phẩm, truyện tranh, biển quảng cáo ngoài trời, nhãn 
dán trên tấm chắn xe, báo cáo, lý lịch cá nhân, e-mail (thư 
điện tử),... đều lướt qua chúng ta từng ngày và mỗi thứ 
đó đều hàm chứa một thông điệp cẩn truyền đạt. Bảng, 
chữ cái 26 ký tự (ở đây, chúng ta đang lấy ví dụ bảng chữ 
cái tiếng Anh) là một công cụ truyền thông hiệu quả đến 
mức kinh ngạc. Kết hợp cũng như tái kết hợp 26 ký tự đó 
thành các từ ngữ, cụm từ và câu cho phép chúng ta giao 
tiếp hiệu quả với những người khác, thậm chí đối với cả 
các thông điệp phức tạp. 


Nếu muốn truyền tải ý tưởng của mình đến một người 
khác thông qua trang giấy, bạn phải hiểu biết đôi chút về 
sức mạnh của typography. Typography (môn chữ ứng 
dụng học) là một nghệ thuật và quy trình sắp xếp chữ 
trên trang thiết kế, hiện chủ yếu được thực hiện trên máy 
tính. Đối với những nhà thiết kế dàn trang có kiến thức 
và được hỗ trợ các công cu cần thiết, chữ trở thành môt 
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công cụ truyén thông vô cùng linh hoạt. Rất đơn giản, chi cán thay đổi 
typeface (kiểu chữ), kích thước, màu sắc, mức độ weight (độ đậm) và vị 
trí của chữ trên thiết kế, bạn đã có thể tạo thêm điểm nhấn cho từ, đồng 
thời nâng cao sức cuốn hút thị giác cho thông điệp của bạn (Hình 10-1). 


Mặc dù chữ và typography đã có một lịch sử lâu đời với rất nhiều 
thuật ngữ chuyên ngành, nhưng bạn không nhất thiết phải biết tất cả 
các thuật ngữ đó thì mới bắt đầu hiểu được cách sử dụng chữ sao cho 
hiệu quả. Chương này trình bày ngắn gọn một số khái niệm cơ bản về 
typography, trong khi Chương 11 sẽ bàn chi tiết vé những quy tắc cơ 
bản của typography, nhằm giúp bạn nắm được cách điều khiển chữ trên 
trang thiết kế. 


CÁC THUẬT NGỮ cO BẢN VỀ CHỮ 


Hiểu biết về các thuật ngữ cơ bản của typography không chỉ giúp tăng 
cường hiểu biết của bạn về chữ mà còn cung cấp cho bạn một vốn từ vựng 
đem lại lợi ích thực tế, cho phép bạn trao đổi được với các nhà thiết kế dàn 
trang khác. Thay vì việc chỉ vào một bộ phận trên chữ cái và gọi nó là “cái 
thứ vảy vảy ra như cái đuôi của chữ y này này” bạn sẽ có khả năng gọi nó 
một cách tự tin và trang trong là “phần descender của ký tu y”. 


Network at the Monthly 
Power Lunch 


New at ШӘ ШШШ 


Hinh 10-1 Việc thay đổi các typeface trong ví du này 
đã bién một dòng tiêu dé bình thường (trên) thành một 
tuyên bố đanh thép (dưới). 
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MÁCH NHÓ 

Tùy thuộc vào thông điệp 
của bạn, đôi khi bạn có thể 
phóng đại một só phần của 
letterform để nhấn manh 
thông điệp mà mình muốn 
truyền tải (Hình 10-2), 


Hình 10-2 


GHI CHÚ 


Một quy tắc thiết kế dó 
họa đã được công nhận là 
tránh dùng kiểu chữ italic 
nếu có hơn sáu dòng chữ. 
Chữ italic báo hiệu tính “cấp 
thiết hết dòng này qua 
dòng khác sẽ khiến độc giả 
trở nên mệt mỏi. 


OX 
eye, € eRá›] 


Dù bạn bè có bị án tượng với vốn từ vựng mới hoc được của bạn hay 
không, các nhà thiết kế trang khác cũng sẽ chấp nhận bạn như người 
trong giới của họ. Trên tất cả, hiểu biết về những thuật ngữ này sẽ giúp 
bạn cảm nhận được nhiều hơn về sức mạnh đến từ các con chữ, đồng 
thời làm chủ được trang thiết kế của mình. 


CẤU TRÚC CHỮ 


Một khởi đầu lý tưởng cho việc tìm hiểu về cách làm chủ chữ trên trang 
thiết kế là khả năng gọi tên các bộ phận quan trọng của chữ. Mỗi bộ 
phận của letterform (mặt chữ) đều có một tên gọi cu thể - nhưng bạn 
không nhất thiết phải biết tên tất cả các bộ phận đó thì mới có thể sử 
dụng chữ hiệu quả. Hình 10-3 cho thấy tên gọi chính thức và quan trọng 
cho những bộ phận khác nhau của letterform. 


TYPEFACE 


Mỗi letterform trong bảng chữ cái đều có một kiểu dáng (style) và 
khuôn hình (form) riêng, khiến nó trở nên độc nhất vô nhị. Ví dụ, dáng 
của chữ “y” khác hẳn với dáng của chữ “d”. Chính nhờ sự khác nhau 
về hình đáng và cấu trúc độc nhất này mà người xem có thể xác định 
được từng letterform, đồng thời diễn giải được từng nhóm letterform 
thành từ ngữ. Typeface (kiểu chữ) là một tập hợp gồm các letterform, 
con số (number) và symbol (biểu tượng) được thống nhất bởi một lối 
thiết kế trực quan chung (Hình 10-4). Một số chương trình máy tính 
dùng từ “font (phông chữ)” để thay thế cho từ “typeface”. Về cơ bản, 
từ “font” chỉ một bộ chữ hoàn chỉnh được thể hiện qua typeface, mức 
độ weight và kích thước. 
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phán ascender chü in thường (lowercase letter) chü in hoa (cap, capital, uppercase) 


`Á | 


cap 
x-height height 
(chiéu cao (chiều 
cơ sở) сао 

đình) 


đường baseline serif phán counter (vùng phán descender thanh crossbar 

(co só) đệm) - tức các khoảng 
trắng (white space) 

bën trong letterform 


Hình 10-3 Cãu trúc chữ 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPORSTUVWXYZ 
1234567890 $.,:;12&-/()"" 


Hình 10-4 Typeface là một tập hợp gồm các letterform, con số và symbol dà được thiết kế theo một kiểu cách 
nào đó. Trên hinh là font chữ Egyptienne Regular với kích thước 20 point. 


KIỂU CHỮ VÀ HỌ CHỮ 


Mỗi typeface có thể còn có nhiều kiểu chữ (type style) liên quan với nhau, chúng là những phiên bản 
biến đổi của typeface ban dáu, chẳng hạn như: Italic (nghiêng), bold (đậm), condensed (со sít) hoặc 
extended (giãn cách) (Hình 10-5 và Hình 10-6). Các phiên bản kiểu chữ khác nhau này được tạo ra chủ 
yếu để mở rộng tác dụng của kiểu chữ, trong khi vẫn giữ được đặc tính thị giác cần có của typeface ban 
đầu. Thậm chí, một số typeface còn có thêm các phiên bản chau chuốt hơn, chẳng hạn như: Outline 
(phác nét vién chữ), shaded (đổ bóng) và/hoặc decorated (trang trí). Toàn bộ nhóm các kiểu chữ liên 
quan đến nhau được dựa trên một typeface duy nhất gọi là họ chữ (type family). 
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abcdefghijklmnopqrstuvwxyz 
ABCDEFGHUKLMNOPQRSTUVWXYZ 
1234567890 $.,;:128-/()“"" 


abcdefghijkImnopqrstuvwxyz 
ABCDEFGHUKLMNOPQRSTUVWXYZ 
1234567890 $.,::128-/("" 


abcdefghijldmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1254567890 $.,;:178-/()“"" 


abccdefghijklimnopagrstuvwxyz 
ABCDEFGHUJKLMNOPORSTUVWXYZ 
1234567890 S.,7:12&-/()"""* 


ABCDEFGHIJKLMNOPQRSTUVWXEXYZ 
1254567890 $.,:12?&-/0^"" 


(a ccletfc)»iicimimopDagkstuuvVvx yz 
n E CcDEIFÓEGHMIIJICUMINOJIDOEESInUNWVUVWDYAZ 
[12 711567329 0] Borg BVEA 


Hình 10-5 Ví dy vê một số kiểu chữ khác nhau của font chữ Antique Olive. Từ trên xuống dưới: Chữ regular italic, 
chữ condensed regular (thường, co sít), chữ bold condensed (vừa đậm vừa co sít), chữ compact italic (vừa đậm 
dày vừa nghiêng), chữ poster (chữ dùng để thiết kế poster) và chữ poster outline (chữ dùng để thiết kể poster 
dạng phác nét viền chữ). 
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abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,:12&-/() "^ 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,:12&-/()"* 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,;:!?&-J()“*°*“ 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,;:?&-/()* 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,;:178:-/() 7° 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,;:? &-/() "^ 


Hinh 10-6 Ví du về một số kiểu chữ khác nhau của font chữ Gill Sans. Từ trên xuống dưới; Chữ regular (thường), 
chữ italic (nghiêng), chữ bold (đậm), chữ bold italic (vừa đậm vừa nghiêng), chữ extra bold (siêu đậm) và chữ 
condensed bold (vừa đậm vừa co sít). 
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MÁCH NHỎ 

Hãy dùng các phiên bản 
khác nhau về kiểu chữ của 
một typeface để thêm điểm 
nhấn và tỉnh thần chung 
cho thông điệp của bạn. Vi 
dụ, góc nghiêng năng động. 
của kiểu chữ Italic trông có 
vé cấp thiết, letterform dày 
hơn của kiểu chữ bold nhấn 
mạnh tầm quan trọng của 
những từ được in đậm, 
dáng chữ bị làm méo của 
kiểu chữ condensed hoặc 
extended tạo ẩn tượng hiện 
đại sành điệu, trong khi kiểu 
chữ regular của typeface có. 
vé đúng mực và mang tinh 
truyền thống. 


MÁCH NHỎ 

Khi không gian dành cho 
dòng tiêu để bị hạn chế 
và bạn đã thử giảm kích 
thước của dòng chữ tiêu 
dé, hãy thử dùng font chữ 
condensed để tiết kiệm 
không gian. Chữ condensed 
có hình dáng hẹp hơn, giúp 
đưa được nhiều chữ hơn 
vào không gian chật hẹp. 


KÍCH THƯỚC CHỮ 


Từ trước đến nay, chữ thường được đo bằng đơn vị point. Thuật ngữ này 
bắt nguồn từ thời các con chữ được đúc riêng lẻ bằng chất liệu chì và xếp 
với nhau thành dãy để tạo ra từ hoặc câu. Khi đúc chữ, việc tất cả các đường 
baseline (cơ sở) được gióng thẳng với nhau đóng vai trò rất quan trọng, 
nên kích thước point (point size) phải bao gồm cả không gian cho phần 
ascender, body (văn bản nội dung) và descender của chữ. Ngày nay, thuật 
ngữ này vẫn được sử dụng, kể cả với máy tính. Bên cạnh đó, sẽ rất hữu 
ích nếu ta biết rằng phương pháp đo kích thước point bao gồm cả phần 
ascender, body và descender của font chữ, 72 point (72 pt) thì bằng 1 inch 
(1 inch = 2,54 cm). Kích thước point càng lớn thì chữ càng lớn (Hình 10-7). 
Những kích thước point nhỏ như 6, 8, 9, 10, 11 và 12 thường được xem là 
kích thước của phán văn bản nội dung, trong khi các kích thước point lớn 
hon như 14, 18, 20 và lớn hơn nữa được dùng cho kích thước chữ tiêu dé/ 
đầu dé hoặc chữ khổ lớn (display size). Việc xác định nên sử dụng kích 
thước chữ cho phù hợp với phần văn bản nội dung tùy thuộc vào đối tượng, 
tiểm năng của thiết kế. Sách cho trẻ em thường được thiết kế với kích thước 
chữ phần văn bản nội dung lớn hơn, vì các em đang học cách nhận biết hình 
dạng của chữ cái để đọc được các từ. Dùng kích thước chữ phần văn bản nội 
dung lớn hơn cho các brochure hướng tới những người lớn tuổi hơn sẽ giúp 
cải thiện tính đễ đọc cho đối tượng độc giả bị suy giảm về thị lực. Một quy 
tắc chung được công nhận là các tiêu để nên lớn gấp 1,5 lần so với chữ trong 
phần văn bản nội dung và có ít nhất một cấp nhấn mạnh. Ví dụ, nếu bạn sử 
dụng chữ phần văn bản nội dung có kích thước 12 point với kiểu regular, thì 
dóng tiêu để với kích thước 18 point và kiểu chữ bold sẽ rất phù hợp. 


б pica (một đơn vị đo truyền thống) = linch 
l2point = 1ріса 
72point = linch 


МОС ĐỘ WEIGHT 


Letterform trong các typeface dugc tao thành tü nhiéu nét (stroke). 
Letterform với những nét mỏng mang lại cảm giác nhe nhàng thoáng dáng, 
trong khi letterform với các nét dày trông đậm chắc và nặng né. Nét chữ 
càng dày, letterform càng có vẻ đậm chắc và nặng né hơn. Một họ chữ được 
phát triển kỹ lưỡng thường bao gồm nhiều mức độ weight khác nhau, chẳng 
han như light, regular, semi-bold, bold, extra bold, thậm chí là poster black. 
Các họ chữ khác thường chỉ giới hạn trong kiểu regular và kiểu bold. Việc 
này hoàn toàn phụ thuộc vào thời gian và tám nhìn mà các typographer 
ban đầu có được khi thiết kế họ chữ đó. Sử dụng họ chữ có sẵn nhiều phiên 
bản khác nhau về mức độ weight, bạn sẽ có thêm lựa chọn và tìm được mức 
độ weight cán thiết để thêm điểm nhấn cho thông điệp. Hình 10-5 và Hình 
10-6 minh họa các họ chữ có nhiều mức độ weight khác nhau. 
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AaBbCc AaBbCc 
8pt 


AaBbCc AaBbCc 
I0pt 


AaBbCc AaBbCc 
l2pt 


AaBbCc AaBbCc 
pt 


AaBbCc AaBbCc 
AaBbCc AaBbCc 


AaBbCc AaBbCc 


AaBbCc AaBbCc 


AaB AaB 
Aa Aa 


Hinh 10-7 Các font chü Times New 
Roman (trái) và Helvetica (phái) vói các kích 
thuóc point khác nhau. Nhu hién thi trén 
hình, hai font chữ có thể được đặt cùng 
kích thước point, song vẫn không đạt được 
chiều cao giống nhau. Font chữTimes New 
Roman với kích thước 72 point vẫn thấp 
hơn font Helvetica có cùng kích thước này. 
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LETTERSPACING, LEADING VÀ WORD SPACING 


Letterspacing (khoáng cách kf tu) là khoáng khóng gian nàm giüa 
các ký tự và chữ cái riêng ré (Hình 10-8 và Hình 10-9). “Thuật ngữ 
leading (khoảng cách dòng) chỉ khoảng không gian theo chiểu dọc 
giữa các dòng chữ. Chữ với letterspacing và leading hẹp thường rất khó 
đọc (Hình 10-10). Letterspacing rộng với số lượng chữ ít, chẳng hạn 
như đối với các tiêu dé hoặc tên riêng trông có vẻ sành điệu và tinh tế 
(Hình 10-11). Tăng lượng không gian giữa các dáng chữ và mở rộng 
không gian giữa các dòng chữ có thể ảnh hưởng đến tính dë đọc của 
thông điệp. Tuy nhiên, những cột văn bản gồm nhiều đoạn nối tiếp 
nhau với các ký tự cách xa nhau lại có thể khiến người đọc cực kỳ mệt 
mỏi. Điều tương tự cũng đúng với leading. Tăng thêm leading có thể 
khiến typeface trở nên nhẹ nhàng và thoáng dáng hơn, nhung leading 
quá xa lại khiến người đọc khó tìm được dòng tiếp theo, đặc biệt là khi 
có cả ảnh nền. 


Wyoming 
Wyoming 


Hình 10-8 Hai từ có cùng kích thước nhưng letterspacing lại 
khác nhau. Hãy để ý đến khoảng không gian kỳ cục giữa ký tự 
*W"và ký tu"y"trong từ ở bên trên. Giảm letterspacing sẽ tạo ra 
khoảng cách duyên dáng hơn (từ bên dưới). Một số tổ hợp ký 
tự nhất định sẽ tạo ra khoảng cách lớn hơn và kỳ cục hơn so với 
những tổ hợp khác (chẳng hạn như “w7“y” và o”), những ký tự 
này thường phải được tùy chỉnh riêng để dễ nhìn hơn. 
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The average horse, getting 
grain, should be fed ten 
to fifteen pounds of hay 
daily, but it is an error to 
think that horses doing 
light work can subsist 
entirely on hay. 


Hình 10-9 Một tiêu chuẩn truyền 
thống trong thiết kế đồ họa giúp 
xác định xem liệu một từ đã được 
căn letterspacing chính xác chưa, đó 
là hình dung rằng bạn đang đổ một 
lượng cát xấp xl đều nhau vào giữa 
các ký tự. 


Hình 10-10 Đoạn văn bên trên bị 
đặt letterspacing và leading quá hẹp, 
trong khi đoạn văn bên dưới được 
đặt letterspacing và leading ở mức 
bình thường. Hãy so sánh tính dễ đọc 
của đoạn văn bên trên với đoạn văn 
bên dưới. 


QUIE ger apapuy Т. c а $ed 


Hinh 10-11 Letterspacing lớn trong ví du này góp phần tạo nên vé trang nghiêm của nó. 
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| MÁCH NHỎ. 
Dé dat dugc dién mao chau 
chuót và chuyén nghiép 
hơn, hãy tinh chỉnh có 
chọn lọc khoảng cách giữa. 
các letterform để loại bỏ. 
những khoảng trống thừa.. 
Nếu bạn dal 


Nhüng chức nẵng này sẽ. 
cho phép bạn tình chỉnh. 
khoáng cách giữa các ký 


tự, Việc điều chỉnh khoáng 
cách giữa hai ký tự riêng 
biệt được gọi là kerning 
(Hình 10-12). - 


Ae Yo Te Wo 
Ae Yo Те Wo 


Hình 10-12 Một số tổ hop ký tự đòi hỏi sự chú ý đặc 
biệt và chỉnh sửa bằng cách thực hiện kỹ thuật kerning 
giữa các ký tự. Các cặp ký tự ở dòng trên được hiển thi 
với letterspacing bình thường, các cặp ở dòng dưới 
được hiển thị với letterspacing sau khi đã được điều 
chỉnh bàng cách áp dụng kerning. 


Word spacing (khoảng cách từ), có lẽ đúng như bạn đã dự đoán, 
chính là khoảng cách giữa các từ. Việc điều chỉnh word spacing thường 
xảy ra khi ta muốn kéo sít khoảng cách giữa các từ lại, nhằm chèn thêm 
văn bản vào một khoảng không gian, hoặc khi ta muốn kéo giãn một 
dòng tiêu dé để lấp đẩy nhiều chỗ trống hơn. Hình 10-13 minh họa ba 
cách thay đổi word spacing khả thi. Dé đạt được một word spacing vừa 
phải, hãy hình dung bạn cần chèn một chữ “n” in thường (không có 
letterspacing) vào giữa các từ. Để có được word spacing thật sít, hãy 
tưởng tượng bạn cẩn chèn được một chữ “i” in thường (có letterspacing) 
vào giữa các từ. Tránh để khoảng cách giữa các từ quá xa khiến chúng 
bị đọc thành những từ riêng rẽ thay vì một cụm từ, hoặc quá gần khiến 
chúng bị đọc thành một từ quá dài. Word spacing quá giãn và quá sít đều 
làm giảm tính rõ ràng. 


CĂN GIÓNG CHỮ 


Có thể căn gióng chữ bằng nhiều cách khác nhau trên trang thiết kế. 
Chữ có thể được căn giữa (center), căn trái (left align), hai lé đều thẳng 
(justify), căn phải (right align), hoặc bao văn bản quanh đối tượng 
(wrap around) những thành phán trực quan khác trên trang. Chữ kiểu 
căn giữa thường được sử dụng phổ biến ở những đoạn văn ngắn, chẳng 
hạn như trong các tờ rơi và thông báo lễ thành hôn. Chữ căn trái rất 
hữu dung trong hầu hết ứng dụng văn bản, vì theo các nhà thiết kế thì 
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word'spacing 


wordispacing 


word spacing 


— rE 


Hinh 10-13 Ba ví dụ vé word spacing: Vừa phải 
(trên), co sít (giữa) và siêu giãn (dưới). 


cách căn 1é này rất dễ đọc. Kiểu hai lề đều thẳng thường gặp trong tạp 
chí và báo chí. Văn bản căn phải ít được sử dụng, vì lề trái bất thường 
của nó gây cản trở đôi chút đối với thị giác của độc giả khi tìm đầu dòng 
tiếp theo. Chữ chạy vòng quanh đối tượng (runaround text) là một phần 
tự nhiên của các bản tin và tạp chí. Chữ chạy vòng quanh dë dàng “chảy” 
bao quanh các thành phán trên trang thiết kế như chữ viết hoa đầu dòng, 
tranh minh họa, ảnh chụp, thậm chí là những mẩu chữ khác. 


May mắn là, các chương trình xuất bản trên máy tính giúp nhà thiết 
kế trang nhanh chóng và dë dàng thay đổi cách căn gióng của phần thân 
(body) văn bản chỉ với một lần nhấn chuột. Điều này cho phép bạn thử 
nhiều các căn gióng văn bản khác nhau trên bố cục mà chỉ mất rất ít thời 
gian. Thậm chí, một số chương trình đổ họa máy tính còn cho phép bạn 
xếp văn bản theo khối doc (stack), song lời khuyên cho bạn là đừng bao 
giờ sử dụng phương án này nếu bạn có nhiều hơn một cụm từ cần căn 
gióng trên trang thiết kế. Typography xếp theo khối doc rất khó đọc đối 
với độc giả phương Тау, những người từ nhỏ đã được rèn cho quen với 
cách đọc từ trái sang phải. Ngoài ra, xếp typography theo khối đọc sao 
cho bắt mắt là một việc không mấy dễ dàng. 
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ĐỘ DÀI DÒNG CHỮ 


Độ dài dòng chữ (line length) là một thành phần quan trọng để thiết kế 
một văn bản dë đọc. Những dòng chữ quá dài rất khó đọc, vì mắt chúng ta 
khó có thể tìm ngược lại đầu dòng tiếp theo. Những dòng chữ quá ngắn lại 
rất të nhạt, đặc biệt là khi có quá nhiều từ bị cắt ra và gạch nối khi xuống 
dòng (từ tiếng Anh). Dòng càng ngắn, số ký tự đặt vừa vặn vào dòng đó 
càng ít thì số từ bị gạch nối càng nhiều. Dòng ngắn tạo ra những chỗ ngắt 
không hay và số lượng dấu nối không mong muốn (một dòng có nhiều 
hơn hai dấu nối thật khó chấp nhận). Đặt ít cột hơn và dòng chữ dài hơn 
cho phép mỗi dòng có nhiều từ hơn, loại bỏ được nhiều dấu nối lặp đi lặp 
lại. Ép cho chữ có hai lé đều thẳng và khớp vừa các dòng ngắn là công việc 
vô cùng rắc rối, bởi việc này thường gây ra hiện tượng các dòng chảy lớn 
(river) và những vấn dé nghiêm trọng hơn về dấu nối. Đặt vừa chữ được 
căn gióng ở dạng hai lề đều thẳng vào các cột có dòng dài hơn giúp giảm 
bớt nhiều vấn để về khoảng cách và dấu nối do dòng ngắn gây ra. Để đạt 
được tính rõ ràng cao nhất, độ dài của dòng chữ không nên quá từ 50 đến 
60 ký tự. Một cách để đảm bảo rằng, bạn sẽ không vượt quá số lượng ký 
tự này là xác định độ dài dòng chữ tối uu bằng cách nhân đôi kích thước 
point của loại chữ đó. Ví dụ, nếu phần văn bản nội dung có kích thước 
10 point, thì độ dài dòng chữ dë đọc sẽ là 20 pica. Một quy tắc được công 
nhận khác về độ dài dòng chữ là độ rộng của cột nên đặt vừa 1 1/2 đến 2 
một bảng chữ cái đẩy đủ, được in thường với kích thước point đã chọn. 
Hinh 10-14 miêu tả độ rộng cột tối uu cho phán văn bản nội dung có kích 
thước point khác nhau, sử dụng typeface thông dụng là Garamond. 


CÁC LOẠI CHỮ 


Với tất cả hàng ngàn, thậm chí hàng triệu typeface đang có, và con số 
này ngày càng tăng lên theo thời gian, thật khó để sắp xếp từng typeface 
riêng biệt vào các loại nhất định. Ngay cả những chuyên gia về chữ cũng, 
không thể đi đến thống nhất về việc có bao nhiêu loại chữ, thậm chí là 
nên đặt tên cho các loại chữ đó là gì. Để đạt được tính rõ ràng và khúc 
chiết, tôi sẽ chia thế giới chữ thành năm loại chính: Chữ Serif (Chốt 
nét), bao gồm cả chữ Serif theo kiểu Old Style (Cổ điển), Transitional 
(Chuyển tiếp) và Modern (Hiện đại); chữ Sans serif (Không chốt nét); 
chữ Square serif (Chốt nét kiểu vuông), còn được biết đến với tên chữ 
kiểu Egyptian (Ai Cập); chữ Script (Viết tay) và chữ Decorative (Trang 
trí), một số nhà thiết kế chữ gọi kiểu chữ này là loại Occasional (Phụ 
động/Có dip mới dùng) hoặc chữ Novelty (Tân phám/Khác la). Mỗi loại 
này đều có letterform và các đặc điểm vé cách nhấn nét chữ riêng, giúp 
xác định một typeface nào đó sẽ thuộc về loại chữ nào (Hình 10-15). 
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We the People of the United States, in Order to form a more 
perfect Union, establish Justice, insure domestic Tranquility, 
provide for the common defense, promote the general Wel- 
fare, and secure the Blessings of Liberty, to ourselves and our 
Posterity, do ordain and establish this Constitution for the. 
United States of America. 


We the People of the United States, in Order to form a more 
perfect Union, establish Justice, insure domestic Tranquility, 
provide for the common defense, promote the general Wel- 
fare, and secure the Blessings of Liberty, to ourselves and our 
Posterity, do ordain and establish this Constitution for the 
United States of America. 


We the People of the United States, in Order to form a more 
perfect Union, establish Justice, insure domestic Tranquility, 
provide for the common defense, promote the general Wel- 
fare, and secure the Blessings of Liberty, to ourselves and our 
Posterity, do ordain and establish this Constitution for the 
United States of America. 


We the People of the United States, in Order to form a more 
perfect Union, establish Justice, insure domestic Tranquility, 
provide for the common defense, promote the general Wel- 
fare, and secure the Blessings of Liberty, to ourselves and our 
Posterity, do ordain and establish this Constitution for the 
United States of America. 


We the People of the United States, in Order to form a more 
perfect Union, establish Justice, insure domestic Tranquility, 
provide for the common defense, promote the general Wel- 
fare, and secure the Blessings of Liberty, to ourselves and our 
Posterity, do ordain and establish this Constitution for the 
United States of America. 


Hinh 10-14 Độ dài tối ưu của dòng chữ liên quan đến kích thước point. Chữ càng nhỏ, 
độ rộng của nó càng thấp, do đó độ dài dòng chữ càng phải ngắn đi. 


kì € € ж 
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các serif nghiêng và 
hình khum (slanted, 
if f 
nhấn nét chữ theo đường СОВР 5670) : phán sert nm ngang 
chéo (diagonal stress) (các phán serif móng. nhấn nét chữ theo chiều 
nét tù dày sang móng xác doc (vertical stress) 
định vị trí nhấn nét của ШР tương phản lớn 
chữ) về nét chữ từ dày 
sang mỏng 
tương phản vừa phải M e es мып 
về nét chữ từ dày sang opang 
mòng — 
L. 
Kiểu Old Style (Cổ аіёп) KiểuTransitional(Chuyểntiếp) — Kiểu Modern (Hiện dai) 
không có phán các đầu mút được làm bằng 
nhấn nét chữ theo chiều dọc serif Se А (squared off terminal) 
nét chữ thường, có ít hoặc 
кезш phán м nét chữ không có tương phản từ dày 
tür dày sang mi eS sang móng 
phán serif dày (dang " không có đ 
2; (thick slab) seríf) ci про ноло елит 
các chữin thường,thường có 
x-height (chiều cao cơ sở) lớn 
Chữ Square serif Chữ Sans serif 
các chữ nghiêng (slant) 
sang bên phải 
ó thể có hoặc khôi các chữ thường được cấu hình dáng chữ đặc biệt 
ран | trúc sao cho chúng có thể hoặc khác thường 
nối liền mạch với nhau. 
Chữ Script Chữ Decorative 


Hình 10-15 Đặc điểm của các loai 


chữ khác nhau. 


CHUONG 10. TÓNG QUAN VỀ CÁC THUAT NGỮ CHUYÊN NGÀNH 217 


Chü Serif 


Ban có thé dự đoán typeface Serif kiểu Roman bắt nguồn từ người La 
Mãi Thời ấy, khi những người La Mã đang say sưa xây dựng đền thờ, cây 
trụ kỷ niệm chiến thắng, biệt thự và đủ kiểu công trình công cộng, các 
thợ khắc đá thường khắc những câu danh ngôn và lời dé tặng lên các 
công trình đá ấy. Sử dụng duc sắt cùng với lòng kiên nhãn lớn lao, những 
người thợ khắc đá này đã cán mẫn cắt ra các letterform trên đá. Ngay cả 
những thợ khắc giỏi nhất cũng gặp khó khăn trong việc kết thúc nét chữ 
sao cho gọn ghẽ; vì thế, để che giấu các đầu mút gồ ghể, họ dần phát triển 
một mẹo nhỏ tiện lợi để làm đẹp letterform. Họ thêm một nét nhỏ và 
ngắn vào các đầu mút của letterform. Vết cắt thêm này được goi là serif 
(chốt nét), và các nhà thiết kế đồ họa thời hiện đại ngày nay vẫn dùng cái 
tên đó để nói về nét đặc trưng này của letterform (Hình 10-16). 


Một phần vì cách thức mà những người thợ khắc đá sử dụng cây đục, 
các typeface Serif kiểu Roman thường có những nét chữ thay đổi về độ 
dày mỏng, trong khi các serif cũng có loại từ sắc nhọn vừa phải đến cực 
kỳ sắc nhọn. Qua nhiều thiên niên kỷ, kiểu typeface này đã phát triển 
thành nhiều loại typeface Serif khác nhau. Chúng có thể được chia nhỏ 
hơn thành các loại typeface theo kiểu Old Style (Cổ điển), Transitional 
(Chuyển tiếp) và Modern (Hiện đại). 


dace serif 


Hinh 10-16 Ví dụ vé serif. 


GHI CHÜ 


Mặc dù người La Mà đã 
phát minh ra các typeface 
theo kiểu Old Style (có 
lẽ lúc đó họ gọi chúng 
là Modern), nhưng độ 
tương phản từ dày sang 
mỏng của các nét trong 
letterform lại được phát 
triển thêm nhờ cách chấp 
bút của những người chép. 
bản thảo thời cổ, các tu 
sỹ và học giả. Cách viết sử 
dụng bút hình chiếc nêm 
tạo ra các nét từ dày sang 
mỏng một cách tự nhiên 
do sự biến đổi góc tiếp xúc 
của cây bút, Để tiếp nối 
truyén thống, những thợ 
thủ công đầu tiên sử dụng 
máy in đã bắt chước các 
letterform như vậy. 
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Các typeface theo kiéu Old Style là loai có lién quan gán nhát vé hinh 
thức đối với những letterform La Mã khác vào đá và có nét chữ mang 
ít sự tương phản từ dày sang mỏng. Phần ascender của chữ thường cao 
hơn chiéu cao của chữ in hoa, còn các serif thì được làm nghiêng và 
thường khum xuống. Ví dụ về typeface theo kiểu Old Style là các font 
chữ Caslon, Garamond, Palatino và Times Roman (Hình 10-17). Các 
thợ in thời xưa có một câu châm ngón, tam dịch rằng: “Nếu không chắc 
thì cứ dùng Caslon" (nguyên gốc là “When in doubt, use Caslon”). 


Các typeface loại Transitional là cuộc cách mạng tiếp theo vé hình 
dáng của typography. Năm 1757, một người Anh là John Baskerville đã 
khiến toàn bộ ngành công nghiệp xuất bản phải giật mình vì một thiết 
kế typeface mới đầy sức sáng tạo mà ông đặt tên là “Baskerville” (xem 
Hinh 10-18). Điểu khiến cho typeface này trở nên khác biệt cơ bản 
so với những typeface theo kiểu Old Style là sự tương phản được tăng 
lên rõ rệt giữa các nét dày và mỏng trong letterform cũng như ở những 
serif sắc cạnh. Typeface loại Transitional còn có đặc trưng là chữ in hoa 
có chiểu cao giống như phần ascender của chữ in thường, serif mỏng, 
trong đó các chữ in thường đều ngắn và rộng. Những đặc điểm này là 
điển hình của các typeface loại Transitional. Ví dụ vé những typeface loại 
Transitional khác là Century Schoolbook và Cheltenham. 


Các typeface loại Old Style và Transitional nằm trong số những typeface 
quen thuóc nhát và "vó hinh" nhát trong tát cà các typeface. Su quen thuóc vé 
hinh dáng của các typeface kiểu này khiến chúng trở thành lựa chọn rất tối 
uu đối với những đoạn văn bản dài trong phán văn bản nội dung. 


Những typeface loại Modern càng tăng thêm sự tương phản giữa các 
nét dày và mỏng trong letterform. Những nét mỏng háu như chỉ mảnh 
như sợi tóc, còn các nét dày thì lớn và vuông vức. Serif được đính vào 
letterform với góc 90 độ, có mép sắc cạnh và không có đường cong. 
Những vùng đệm bên trong (internal counter), chẳng hạn như ở các ký tự 
“a” “qd” hay “b” thường cao và vuông vức, phản ánh được độ nhấn nét chữ 
theo chiéu doc mạnh mẽ của các typeface theo kiểu Modern. Ví dụ về các 
typeface loại Modern là Bodoni và Tiffany (Hình 10-19). 


abcdefghijkImnopqrstuvwxyz 
ABCDEFGHIJKLMNOPORSTUVWXYZ 
1234567890 $.,::26-/0"" 


Hinh 10-17 Typeface loai Old Style - Caslon Antique. 
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Những typeface loai Modern được phát triển từ các typeface theo kiểu 
Old Style và Transitional nhờ sự cải tiến về công nghệ. Giấy in mịn hơn và 
công nghệ in tốt hơn trong những năm 1700 cho phép các nhà thiết kế chữ 
gia tăng độ chuyển tiếp từ dày sang mỏng của letterform, từ đó tạo nên vẻ 
nghiêm trang hơn. Ký tự in thường đều rất ngắn so với ký tự in hoa. Serif 
nằm ngang và mỏng; độ nhấn nét chữ theo chiều dọc trên letterform là rất 
mạnh. Do tính trang nghiêm này, các typeface loại Modern thường mang 
vẻ lạnh lùng, thời thượng và sang trọng. Những typeface đậm và cách điệu 
hơn trong các typeface loại Modern - thường gọi là kiểu chữ Poster (Áp 
phích) - rất thích hợp để làm các dòng tiêu để và tiêu để phụ, nhưng lại 
có vẻ quá "chói mắt” nếu dùng cho phần văn bản nội dung. Khi được đặt 
trong phần văn bản nội dung, những nét mảnh của letterform có vé nhu 
sẽ biến mất do độ đậm đặc của các nét chữ dày. 


Các typeface Serif, bao gồm những typeface trong các phân loại thứ 
cấp (subcategory) là kiểu Old Style, Transitional và Modern (ngoại trừ 
các typeface kiểu Poster hiện đại), đều rất dë đọc trong cả dòng tiêu 
để lẫn phần văn bản nội dung. Những typeface này truyền tải cảm giác 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $..;:!?&-/Q“”” 


Hình 10-18 Baskerville là một typeface loai Transitional. 


abcdefghijklmnopqrstuvwxyz 
XBCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $. E :12&-/0* 339 


Hình 10-19 Ví dụ về một typeface loai Modern - Tiffany. 
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trang nghiém, có kính và mang phong cách kín dáo. Chúng só hüu mót 
điện mạo toát lên vẻ thận trọng, nén đã trở thành lựa chọn an toàn cho 
rất nhiều dự án. 


Chữ Square serif 


Trong typeface kiểu Square serif (chốt nét kiểu vuông), các đầu mút serif 
của nét chữ trông có vẻ như kết thúc bằng những hình vuông vức kiểu block 
(khối) hay hinh dang slab (ván mỏng). Kiểu chữ này có x-height (chiều cao 
của các ký tự in thường, không bao gồm phán ascender và descender) rất 
lớn so với những ký tự in hoa, đồng thời độ tương phản giữa các nét chữ 
dày và mỏng là rất nhỏ. Một số nhà thiết kế typography đặt tên cho loại chữ 
này là Egyptian (Ai Cập) hoặc Slab Serif (Chân ván), bởi khá nhiều typeface 
trong số các typeface loại này có tên gọi nghe giống như tiếng Ai Cập, chúng, 
tận dụng sự phổ biển kỳ cục của tất cả những thứ dính dáng đến Ai Cập 
hồi đầu những năm 1800. Các nhà quảng cáo của thập niên 1800 dùng chữ 
Square serif trong bất kỳ và mọi thiết kế trang, mặc dù typeface Square serif 
chỉ thích hợp nhất đối với chữ tiêu để và chữ đầu để. Khi được đặt trong 
phán văn bản nội dung, chúng có vẻ rất nặng nề và không sáng rõ. Ngày nay, 
chữ Square serif được sử dụng rộng rãi nhất trong sách dành cho thiếu nhi 
vì vẻ ngoài đơn giản, trong sáng và không màu mè của chúng. Egyptienne, 
Lubalin Graph, Clarendon và City Compress là các font chữ Square serif 
(Hinh 10-20). 


abedefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,:12&-/()"" 


ABCDEFGHIJKLMNOPORSTUVWXYZ 
ABCDEPEHIJKLMNOPORSTUVWXYZ 
1234567890 $.,;:1?8.-/0""' 


Hinh 10-20 Hai typeface thuộc loại chữ Square serif: Clarendon (trên) và City Compress (dưới). 
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Chữ Sans serif 


Sans serif có nghĩa là “không có chân” (chính 
xác hơn là không chốt nét) (Hình 10-21). “Sans” 
trong tiếng Pháp có nghĩa là “không cớ: Các 
typeface Sans serif xuất hiện như một sự thích 
ứng về mặt thị giác đối với cuộc Cách mạng 
Công nghiệp (Industrial Revolution). Trong thế 
kỷ 20, rất nhiều typeface Sans serif đã được thiết 
kế, đó là vì hình dạng thon thả của chúng mang 
lại dáng vẻ rất hiện đại. 


Các font chữ Sans serif, có vẻ ngoài đơn 
giản và rõ ràng, rất thích hợp với tiêu để và đầu hi 
để (Hình 10-22). Tuy nhiên, khi được đặt trong. Sans serif 
phán văn bản nội dung, các font chữ Sans serif 
có thể làm chậm tốc độ đọc đôi chút. Ưu điểm. 
của serif là giúp độc giả nhận diện letterform 
nhanh hon so với chữ Sans serif. Vi loai chữ này 
khóng có phán serif, nén chúng có ít dác diém 


Hinh 10-21 Ví dụ về typeface Sans serif. 


abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 $.,:12&-/()"" 


ebedefghijklmaeparstuvwxyx 
ABCDEFGHIJKLANOPQRSTUYWXYZ 


1234567890 $.,;:126./()"""' 


Hinh 10-22 Hai ví du vé các font chữ Sans serif: Imperial (trên) và Washington Black (dưới). Su khác 
biệt lớn vé độ rộng của letterform trong font chữ Washington Black (hãy so sánh chữ "s" in thường và 
chữ*w”in thường) khiến typeface này rất thích hợp cho các dòng tiêu đề và đầu đề, nhưng lại không 
phù hợp để in chữ trong phần văn bản nội dung. 
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để giúp độc giả nhận diện hơn, vì thế tóc độ đọc chậm hơn. Các typeface 
Sans serif thường gặp như Helvetica, Futura và Gill Sans có weight ở mức 
trung bình, vì thế chúng nằm trong nhóm những lựa chọn ít đem lại rủi ro 


hơn khi dùng cho phán văn bản nội dung. 


Chữ Script 


Typeface kiểu Script (chữ viết tay) mang lại cảm giác giống thiết kế dùng 
các chữ được viết bằng tay (handwritten design). Tùy thuộc vào thiết kế 
của chữ Script, typeface có thể mang vẻ trang trọng hoặc thân mật. Các 
loại chữ Script trang trọng thường được dùng cho thiệp mời cưới, trong 
khi những loại chữ Script thân mật có thể đem lại không khí gần gũi và sự 
năng động cho mẫu thiết kế. Nhiều typeface Script rất khó đọc khi được 
đặt trong các khối văn bản, hoặc được đặt ở dạng tất cả các ký tự in hoa. 
Đặc điểm khác của một số typeface Script là cấu trúc tinh tế của các nét 
chữ; letterform nhẹ nhàng và thoáng đãng sẽ rất khó đọc khi đặt ở kích 
thước nhỏ hơn. Các typeface Script có tác dụng tốt nhất nếu được dùng 
ở một mức thích hợp trong một lượng văn bản hạn chế, chẳng hạn như 
trong thiệp mời cưới hoặc dòng tiêu dé. Tránh dùng typeface Script trong 
phán văn bản nội dung, bởi tính đặc biệt của chúng tương đương với rất 
khó đọc. Ví dụ về các typeface Script là Brush Stroke, Mistral, Cathedral, 


Vladimir và Commercial Script (Hình 10-23). 


2⁄4 z, l 
atcdefghijktmnopgrstuvwsyy 


4234567890 8.,; zd ?g-/( 27 07 


aep | me a pa ti 
р И ОХООО Л О СА 


ИВ € 9 69 0209 4 d LO D A MONTES 


Hinh 10-23 Hai typeface Script: Vladimir (trén) và Commercial Script (duói). 
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MÁCH NHÓ 


Letterform dễ nhận biết. 

của các typeface Script và 

chù Decorative thường 

T tón nhiéu khóng gian 

hon letterform của những 

t 1S typeface bình thường. Do 
đó, các typeface Script và 


chữ Decorative nổi tiếng là 
chiếm rất nhiều diện tích. 
(Му nên, nếu như không 


Hình 10-24 Kết hợp typeface Script với các loại gian bị hạn chế, hãy xét 
typeface khác giúp tạo ra những hiệu ứng đáng đến việc lựa chọn một font. 
kinh ngạc. chử thường hay font chữ 


Sans serif, hoặc dùng một 
letterform Decorative thật 
lớn tại vị trí bát đầu của từ 
để tạo ra một hiệu ứng thật. 
đặc sắc (Hình 10-24). 


Chữ Decorative 


Các thiết kế typeface khó có thể phân loại sẽ được mặc định là nằm trong 
nhóm typeface Decorative (Chữ trang trí). Không có giới hạn cụ thể nào 
về thiết kế đối với loại chữ này. Rất nhiều typeface trong số này cực kỳ 
khó đọc, đồng thời phát huy hiệu quả tốt nhất khi được dùng để trưng 
bày hoặc làm tiêu để thay vì làm chữ trong phần văn bản nội dung (Hình 
10-25). Chúng thường rất kỳ дис và/hoặc gàn dở, thường thích hợp để 


aBcOefghiskLMNopQRStUVWXYZ 
aBcOefghisklLMNOpPQRSTUVWXYZ 
1234567890 $.,;2ec-/(" ^^ 


abedefghijklmnopgrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1854567890 $.,:1?8-/(O 7" 


Hình 10-25 Hai typeface Decorative: American Uncial (trên) và Ice Age (dưới). 


224 PHÁNHAI CƠ BÀN VÉTYPOGRAPHY 


dùng cho một số lượng han chế các chủ dé khác nhau. Chon typeface 
Decorative không phù hợp có thể làm sụp đổ một mẫu thiết kế lẽ ra đã 
có thể trở thành một bản thiết kế rất chin chu. Ưu điểm đạt được nếu sử 
dụng đúng typeface Decorative là bạn có thể nhanh chóng thiết lập nên 
một tâm trạng, giai đoạn lịch sử hoặc phong cách. Nếu bạn muốn thử 
nghiệm, hãy thử dùng một typeface thuộc loại Decorative. 


Những typeface thông dụng 


Có một số typeface dë đọc hơn các typeface khác. Khi bạn muốn dùng 
những typeface dë đọc và hấp dẫn, hãy xem xét các typeface dưới đây: 


Để có được ấn tượng mang tính hiện đại: 
* Gill Sans. 
e Helvetica. 
* Stone Sans. 
+ Officina Sans. 
e Futura. 
Dé có được án tượng mang tính cổ điển: 
• Goudy. 
* Garamond. 
* Times New Roman. 
* Bookman. 
* Bodoni. 
* Galliard. 


CÁC DINH DANG PHÁN MÉM CHO FONT CHÜ 


Vói su phó dung cüa máy tính và các phán mém xuát bàn trén máy 
tính, vốn thuật ngữ chuyên ngành về chữ sẽ không thé hoàn thiện nếu 
thiếu đi một số từ ngữ về các định dạng phán mềm font chữ. Có ba 
định dạng phần mềm font chữ chính, ngoài ra còn có những định dạng 
phán mềm font chữ mới đang được hoàn thành. Ba định dang font chữ 
mà háu như chắc chắn bạn sẽ gặp là các font chữ PostScript Type 1, 
TrueType và OpenType. 
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PostScript 


PostScript là mót ngón ngü máy tính dugc Adobe Systems phát trién, 
nhằm cho phép một lượng lớn các loại máy tính và máy in kỹ thuật số hiểu 
được những loại chữ và hình vẽ đồ họa phức tạp. Các font chữ PostScript 
Туре 1 được thiết kế đặc biệt để in đường viền cho gọn gàng và trơn tru 
ở mọi kích thước - dù bé nhỏ li ti hay to lớn khổng lồ - trên các máy in 
PostScript. Đây là chuẩn in ấn và tạo ảnh toàn cầu được rất nhiều máy in 
lazer sử dụng, nhằm tạo ra các ảnh kỹ thuật số chất lượng cao. Font chữ 
PostScript Type 1 được vẽ dựa trên những tiêu chuẩn chất lượng cao nhất 
của ngôn ngữ máy tính PostScript, đồng thời là công nghệ font chữ công 
nghiệp đồ họa được du tiên sử dụng. Mỗi font chữ PostScript Type 1 có ít 
nhất hai file riêng rẽ: File font chữ màn hình (screen font file) và file font 
chữ máy in (printer font file). Font chữ màn hình được máy tính dùng để 
vë được đúng font chữ trên màn hình, còn font chữ máy in được máy in 
PostScript sử dụng để in ra đúng font chữ trên giấy. Font chữ sẽ không thể 
phát huy đúng hiệu quả nếu thiếu đi một trong hai phần này. 


TrueType 


TrueType là một font chữ kỹ thuật số tiêu chuẩn khác được các máy tính 
dùng hệ điều hành Windows và Macintosh sử dụng. Nó được thiết kế để 
đạt được hình dáng trơn mịn khi xem trên màn hình ở kích thước bất 
kỳ và để có thể in ra với những đường уіёп sắc cạnh trên máy in không 
hỗ trợ PostScript, chẳng hạn như máy in phun giá rẻ. Ưu điểm của font 
chữ TrueType là chúng chỉ dùng một file thay vì hai file bắt buộc như các 
font PostScript Type 1, vì thế chúng dễ giám sát hơn. Nhược điểm của 
font chữ TrueType là ngành in ấn lại ưa thích dùng font chữ PostScript 
Type 1 hon font chữ TrueType, do font chữ PostScript Type 1 được thiết 
kế đặc biệt để có thể làm việc một cách dë dàng với máy in PostScript có 
độ phân giải cao. Vì rất nhiều lý do kỹ thuật, font chữ TrueType đôi khi 
không thể làm việc được với máy in PostScript, và khi độ phân giải của 
máy in càng cao, các vấn để kỹ thuật xảy ra càng nhiều. Máy in cũ thường 
gặp nhiều sự cố hơn so với máy in mới. 


OpenType 


Định dạng OpenType là sự tổng hòa những gì tốt nhất của hai font 
chữ PostScript Type 1 và TrueType. OpenType tích hợp cả dữ liệu của 
PostScript dùng cho in ấn và dữ liệu TrueType dùng cho độ chính 
xác trên màn hình. Định dạng này cung cấp khả năng hỗ trợ đa nền 
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tàng (cross-platform) tót hon và só lugng ky tu lón hon: Cà font chü 
PostScript Type 1 và TrueType déu bi giói han trong 256 ky tu, trong 
khi OpenType có khả năng hỗ trợ đến 65.000 ký tự. Số lượng ký tự lớn 
như vậy cho phép các nhà thiết kế chữ có cơ hội (nếu họ lựa chọn chấp 
nhận cơ hội đó) thiết kế được rất nhiều ký tự thay thế, chẳng hạn như ký 
tự in hoa nhó (small caps) và ký tự mang nét vảy (swash letter) cho font 
chữ. Đặc biệt hơn, OpenType còn sở hữu các ký tự trên màn hình chất 
lượng cao được cải tiến, nhờ đó nâng cao được diện mạo của typography 
trên các trang Web. Sự phát triển và dần được chấp nhận của các font 
chữ định dạng OpenType vẫn chưa chắc chắn, không phải vi hạn chế 
vốn có về phán mềm, mà bởi vi các nhà thiết kế đều rất ngại phải mua lại 
những font chữ mà ho đã có ở định dang PostScript Type 1 và TrueType. 
Tuy nhiên, tôi nhận thấy rằng, sinh viên của tôi - những người đang 
chuẩn bị mua các font chữ lần đầu tiên, đã sẵn sàng chấp nhận định dạng 
OpenType và có rất ít vấn dé phát sinh khi tích hợp công nghệ dinh dạng 
font chữ này vào những dự án dang in hay dạng Web của họ. 

Khi mua font chữ, hãy tìm các CD font chữ có cả font PostScript 
Туре 1 và các phiên bản TrueType của những font chữ đó. Bạn sẽ có 
nhiều lựa chọn hơn. Để có được các font chữ thực sự tuyệt vời của cả 
hai định dạng, hãy truy cáp trang Web www.fonts.com, một trang vé 
font chữ chuyên bán những font chữ từ các hãng chữ chuyên nghiệp có 
tiểm lực lớn. Trang này có sẵn vô số font chữ chất lượng cao và chuyên 
nghiệp cho bạn tải xuống. 


TỔNG KẾT 


Trong chương này, bạn đã tìm hiểu các thuật ngữ chuyên ngành cơ bản 
về chữ. Sự quen thuộc với vốn từ vựng thực tế về typography cho phép 
bạn giao tiếp tốt hơn với những nhà thiết kế dàn trang khác. Quan trọng 
hơn, nắm được các thuật ngữ cơ bản về chữ đem đến cho bạn năng lực 
diéu khiển các lựa chọn về chữ của mình tốt hơn. Hiểu rõ vé các loại chữ 
khác nhau và thời điểm để sử dụng chúng trên trang thiết kế sao cho hợp 
lý sẽ giúp bạn điều chỉnh typeface, kích thước, mức độ weight cũng như 
vị trí của chữ để có thể nhấn mạnh tốt nhất cho thông điệp của bạn. Nhờ 
vậy, các trang của bạn sẽ trở nên nổi bật và tinh tế hơn. 


CÂU HỎI TRẮC NGHIỆM SỐ 10 

Điển đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Typeface Letterspacing 
Typography Point 


Chicken Parade 


w ý w w 


LOVW 5NV8 


Bảng màu 1 Trong hình bën trên, độ nhấn mạnh đối với tất cả 
các chú gà là như nhau. Ở hình bên dưới, việc thêm màu sắc cho. 
một trong số các chú gà có tác dụng nhấn mạnh, khiến chú ta trở 
nên khác biệt so với số còn lại, chú gà đó có lẽ thậm chí còn trở 
thành người hùng của buổi duyệt binh! 


Bảng màu 2 Chiếc vé di xem buổi hòa nhạc của 
ban nhạc địa phương theo phong cách alternative 
(rock phái sinh, tức không phải rock chính thống) 

| này sử dung các nguyên lý của sự nhấn mạnh 
và lặp lại, kèm theo đó là cách lựa chon typeface 
nhằm mô tả phong cách âm nhạc của họ. 


BANG MAU 2 


advisathon Z (T| 


he cleared to register for next semester classes oct 8-9, 10a.m.-6n.m. room 336 


Bảng màu 3 _ Người thiết kë tám poster này đã vẽ một mũi tên rất lớn để thu hút sự chú ý của độc giả vào thông 
tin quan trọng nhất. Ngay cả những thành phần trực quan thông thường nhất như một mũi tên cũng có thể được 
chỉnh sửa, khiến chúng trở nên độc đáo và bắt mắt. 


Bàngmàu5 Hình này thé hiện 
ba phuong án màu sác khác 
nhau cho một thiết kế tiêu dé 
quảng cáo của bản tin. Ngay cả 
các nhà thiết ké chuyên nghiệp. 
cũng phải “thử nghiệm” những 
tổ hợp màu khác nhau để xem 
chúng trông như thế nào. 


Bảng màu 4 Biến màu đơn giản 
cho bức ảnh chỉ có hai màu đen 
trắng ban đầu thực sự giúp cho bức 
ảnh chú khi này hoạt bát hẳn lén. 


TORNING.. 
TORNING.. 


TORNING- 


ә 


Bàng màu 6 Các màu Cyan, Magenta, 
Yellow và Black két hgp vói nhau dé tao nén 
búc ành trái táo dü sác màu. 


» Grand Opening Sale! 


Bargaıns Galore October C231 


> Grand Opening Sale! 


Bargaıns Galore October 1= 31 


Bargaıns Galore October I=3I 


Bảng màu7 Thêm màu vào thiết kế là một cách hay dé thu hút sự chú y của độc giả. 


Bàngmàu8 Các màu ẩm có vẻ như “tiến về phía người xem, trong khi 
những màu lạnh có xu hướng “lùi lại” 


Bảng màu 9 Trang bên trái sử dụng các sắc 
vàng và đỏ rất sáng, khiển trang trông rất dễ 
nhìn nhung có vé hoi chói mắt. Làm tối các sắc. 
vàng và đỏ trên trang bên phải một chút khiến 
các sign vẫn dễ nhìn mà tấm biển trông lại tinh. 
tế hơn. 
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Numbers С 


Summer Courses for 
Continuing Education Credits 


А "Brush-Up" coune on Algebra for 

secondary education teachers 

June 3-July 2, 2001 

=== =3 
nảy Ca 


Fugo 
plene cll Sanh at the овоне. 


(555) 555-3030. 


Bảng màu 10 Màu nền đủ sáng 
nên người dùng không gặp khó 
khăn gì khi đọc văn bản. Hãy lưu ý 
cách dùng màu cho tiêu dé và các 
văn bản giúp nhấn mạnh những 
thông tin quan trọng. 


We the People of the United States, in Order to form a more perfect 
Union, establish Justice, insure domestic Tranquility, provide for the 
common defense, promote the general Welfare, and secure the 
Blessings of Liberty, to ourselves and our Posterity, do ordain and 
establish this CONSTITUTION for the United States of America. 


Bảng màu 11 _ Văn bản đặt trên màu nền quá gắt thường rất khó đọc (ảnh trên). Văn bản đặt 
trên màu nền nhạt hơn (ảnh dưới) dễ đọc hơn rất nhiều nhờ độ tương phản lớn giữa màu nền 


và màu chữ. 


Champlon 5-Alarm 
Chili Reclpos 


Win Cook-offs With 
This Secret Weapon! 


Bàngmàu12 5Sửdụng màu một cách 
thống nhất ở các tiêu để giúp tổ chức 
bố cục của bản tin này. 
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Bảng màu 13 Những mẫu màu (swatch) sôi 
động, hồ hởi này toát lên vẻ vui tươi, hướng 
ngoại không che giấu được. 


Bảng màu 14 Các mẫu màu này ngầm chỉ 
những chủ dé ảm đạm, truyền thống. 


MÀU 8 


BẢNG 


Bảng màu 15 Các mẫu màu từ tông 
sáng đến tông trung bình mang ý nghĩa 
tự nhiên, bình lặng. 


Dei 
Gracia 


a murder mystery 


:ntral Hills High School 
April 5, 7:00 p.m. 


Bảng màu 16 Trong văn hóa phương Tây, màu đỏ gắn liền 
với sự nguy hiểm và tâm trạng phấn khích. 


Bảng màu 17 Ba búc hình này trình bày các giải pháp cho Bài tập 2, Chương 9. Kết luận: Những thay đổi vé màu 
sắc có ảnh hưởng đáng kể đến ấn tượng chung của mẫu thiết kế và biểu đồ thị giác trong mẫu thiết kế này. Mặc 
dù không lời giải nào trong số này là tuyệt đối, nhưng lời giải ở góc trên bên trái có màu sắc và biểu đồ thị giác 
thành công nhất, với văn bản màu xanh lam thuần nhất giúp tạo nên nét nổi bật trong cách hiển thị trên trang 
thiết kế, Điều gây bất ngờ là ở dưới cùng xuất hiện tổ hợp màu hồng và cam; bất kể là những gam màu sáng, song 
chúng lại thiếu điểm nhấn và tính hệ thống, do mọi thứ đều quá sáng đến nỗi người xem không thể biết mình 
cần nhìn vào cái gì trước tiên. Hơn nữa, họ đang cho loại ếch nào thi nhảy vậy? Loại bị nhiễm phóng xạ chăng? 


6fñVW 9NV8 


eo 
= 
< 
= 
[o] 
z 
< 
[**] 


Bảng màu 18 Các mẫu màu đại 
diện cho từ classic” (cổ điển") trong 
Bài tập 3, Chương 9. 


Bảng màu 19 Các mẫu màu đại 
diện cho từ “dependable” (“đáng tin 
cậy") trong Bài tập 3, Chương 9. 


Bảng màu 20 Tắm poster toàn chữ này là ví dụ cho một giải pháp cho Bài 
tập 4, Chương 9. Cách lựa chọn font chữ và màu sắc giúp nhấn mạnh từ clas- 
sic" (cổ điển"). 


Báng màu 22 Hinh này minh hoa giài pháp 
của một sinh viên cho Bài tập 1 thuộc Chương 10 
này. Sinh viên Lung Lin học ngành Truyền thông 
Đồ họa tại trường Đại học Texas ở Arlington đã 
sử dụng các chữ cái chồng lấp lên nhau, tương 
phản về kích thước, xoay chữ và màu sắc để diễn 
tà tên mình theo một phong cách typography 
rất ấn tượng. 


Bảng màu 21 Tấm 
poster toàn chü này 
là một ví dụ về lời giải 
cho Bài tập 4, Chương 
9, Đặt từ "dependable" 
(đáng tin сау") ở dang 
in hoa tất cả các ký tự 
và chọn font chữ bold 
giúp nhấn mạnh ý 
nghĩa của từ này. 
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TA GRAPHIC COMMUNICATION 


ПОЕТИ 
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Bángmàu23 Tuong phản màu sắc của tiêu dé, tiu dé phụ và đoạn trích với màu của phán văn bản nội dung 
giúp gia tăng sức cuốn hát thị giác cho tác phẩm brochure này. 
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Bảng màu 24 Hinh bên trái chỉ sử dung sự tương phản có hạn chế. Lưu y cách thức hình bên phải, với việc đặt 
màu sắc thật mạnh cho tür'confidence" (“tự tin”), đã nhấn mạnh ý nghĩa của từ này và thu hút sự chủ ý của người 
xem ra sao. 


WE OFFER OUR CLIENTS 


__ *quality service + 
. * attention to details х 
х efficiency and competence + ` 


Вапд таи 25 Những từbị đánh vần 
sai ở bất cứ vị trí nào trên trang thiết kế 
cũng có thể bóp méo thông điệp một 
cách nghiêm trọng. 


BANG MAU 14 


Bảng màu 26 Nhüngtám logo ban đầu được thiết kế với nhiều màu sắc (trái) có thể sẽ gần nhu 
không đọc được khi in với duy nhất một màu (phải). 


Bảng màu 27 Tám poster này chi là một thành phán trong số loạt thiết ké liên hợp bao gồm một banner quảng 

| cáo thiết kế hình ảnh động. Trong điều kiện không gian dành cho tám banner quảng cáo thiết kế hình ảnh động 
được giao bắt buộc phải nằm theo chiều ngang, nhà thiết kế dà chọn cách làm tám poster cũng theo chiều 
ngang dé thống nhất những tác phẩm này thành một loạt thiết kế liên hợp. 


СІ ñVW DNY 


|| Bảng màu 28 Đây là ảnh 
| chup lấy từ tám banner 
quàng cáo thiét ké hinh 
ảnh động được làm bằng 
| Macromedia Flash. Chiéu 
rộng của nó bắt buộc nhà 


thiết kế phải hướng cho ООВ ОСЕ CU! 


| 
| | mẫu thiết kế tám poster di 
| këm пат theo chiéu ngang. 
| Biết trước rảng sẽ có nhiều 
! mẫu trong một loạt thiết kế 
| liên hợp bàn về cùng chủ dé 
này, nên nhà thiết kế đã cố 
gắng tạo ra một giải pháp có 
thể đạt đến mức hợp lý cao 
nhất trên mọi thiết kế. 


The Principles of 


INTERACTIVE 


DESIGN 


a^ 


Bảng таш 29 Hai trong số bón dé xuất 
bìa sách mà tôi đưa ra cho hãng Thomson 
Delmar Learning để làm bìa cho một cuốn 
sách của tôi. Tấm bìa bên trái đã được chọn 
xuất bản, với một số chỉnh sửa nho nhỏ. 
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Bảng màu 30 Hình này minh hoa bìa ngoài hoàn thiện của một cuốn sách cùng với dia CD đính kèm 
sách. Để thắt chặt về mặt thị giác hai định dạng khác nhau lại, kiến trúc sư kiêm nhà thiết kế Curt Fain đã sử 
dụng các hình vẽ phác thảo, lựa chọn typeface nhất quán và rất nhiều khoảng trắng. 
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1. là nghé thuát sáp xép chü mót cách khéo léo trén mót 
trang thiết kế. 


2. Tập hợp gồm các letterform, con số và symbol được thống nhất bởi 
một lối thiết kế trực quan chung gọi là một 5 


3. Chữ thường được đo bàng đơn vị 
4. Khoảng không gian nằm giữa hai chữ cái riêng rẽ được gọi là 


5. Hình 10-26 bao gồm các ví dụ về năm trong số bảy loại chữ. Hãy 
viết tên của mỗi loại chữ đó vào bên cạnh typeface thích hợp. 


Egyptian pyramids 
The future is now 
Broadway lights 


PUchy scralchư Ga _ — 


Hinh 10-26 
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BÀI TẬP 


Bài tập 1 


Bài tập này nhằm mục đích tăng cường độ nhạy bén của bạn đối với 
tính chất trừu tượng liên quan đến chất lượng dòng kẻ của letterform, 
cùng với đó là cảm nhận về chữ trong vai trò là một công cụ sáng tạo, 
ấn tượng. Hãy dùng các ký tự lấy từ họ hoặc tên của bạn rồi chồng chéo, 
đảo lộn hay thay đổi kích thước của những ký tự đó để tạo ra một bố cục 
hấp dẫn, cuốn hút. Hãy giới hạn lựa chọn về font chữ của bạn ở duy nhất 
một hoặc nhiều nhất là hai typeface. Bạn có thể vẽ tay letterform hoặc 
dùng phần mềm máy tính để giải bài tập này. Việc vẽ tay letterform có ưu. 
điểm là giúp bạn luyện tập tính khéo léo và kỹ năng thủ công, trong khi 
dùng máy tính sẽ tinh luyện khả năng sử dụng phần mềm của bạn. Hãy 
tạo ra bố cục cuối cùng với kích thước 8" x 10”. Màu sắc do bạn tùy chọn. 


Bảng màu 22 trình bày một đáp án khả thi cho dự án này. 


Bài tập 2 


Bài tập này sẽ tiếp tục giúp phát triển độ nhạy bén của bạn về letterform 
trong vai trò là các thành phần thiết kế. Hãy sử dụng nguyên lý của sự 
lặp lại và tùy ý chọn một trong số các nguyên lý khác, sau đó chọn ra 
hai ký tự và tạo nên một mẫu thiết kế. Đừng dùng quá hai font chữ. 
Thử nghiệm với các phép xoay (rotation), đặt vị trí và các kích thước 
khác nhau. Màu sắc là tùy chọn. Tạo hình cho thiết kế của bạn ở định 
dang vuông. 


MÓT SÓ QUY TÁC 
SÚ DUNG CHÜ 
DON GIÁN 


* Tim hiểu các quy tắc typography chủ chốt và cụ 
thể lấy từ thuc tế. 


• Nhân thức được rằng mỗi typeface đều mang “sắc 
thái” (“tone”) riêng, đồng thời tăng cường khả 
năng xác định và sử dụng sắc thái riêng của từng 
typeface vào thiết kế của bạn. 

* Dánh giá được tám quan trọng của nguyên lý 
tương phản (contrast) khi lựa chon typeface - “sự 
hóa hợp của các mặt đối lập”. 

• Làm quen với việc hiểu rõ lý do tại sao các loại 
typeface lại không phù hợp và xung đột với nhau 
(bạn nhất định phải tránh điều này!). 

e Hiểu rõ cách kết hợp các loại chữ sao cho hiệu 
quả, thông qua những ví dụ được đề cập. 

* . Nuôi dưỡng thói quen sử dung chữ như một công 
cụ truyền thông trực quan giàu sức biểu cảm. 


Gió đây, khi đã tìm hiểu vốn từ vựng thực tế vé typography 
thu được từ Chương 10, tới chương này chúng ta sẽ 
chuyển sang bàn vé một số quy tắc cơ bản của chữ. Các 
thông tin trình bày trong chương này sẽ giúp bạn hiểu rõ 
hơn về typography thông qua việc giải thích những quy 
tắc về typography đơn giản nhưng vô cùng quan trọng. 
Tôi sẽ cố gắng đề cập ngắn gọn nhất có thể trong phạm vi 
nội dung chương, nhưng lại không thể chắc chán về điều 
này nên xin báo trước: Có những cuốn sách hoàn toàn 
chỉ nói về typography. Đây là một chủ để lớn, và ngoài kia 
có rất nhiều cuốn sách thực sự tuyệt vời để bạn khám phá 
những khía cạnh khác nhau liên quan đến chủ để này. 
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GHI CHÚ 


Một trong những câu hỏi 
cơ bản bạn cần tự đặt ra 
cho bản thân khi làm việc 
với typography là: Font chữ 
này trông có ổn không? 
Nếu trông nó không ổn, 
đồng nghĩa với thực tế 
rằng nó không phải là font 
chữ tốt. 


GHI CHÚ 


Một câu hỏi cơ bản khác 
cần đặt ra cho chính bạn 
khi làm việc với typography 
là: Font chữ này có dễ đọc 
không? Nếu nó không dễ 
đọc, hoặc thậm chí chỉ cần 
bạn nghi ngờ rằng nó có 
thể không dễ đọc, nhiều 
khả năng đúng là vậy. Нау 
chọn một loại typeface 
khác. 


Vấn để nổi bật nhất trong tất cả những cuốn sách đã có bàn về chủ 
để chữ là: Mỗi nhà thiết kế dó họa lại có một quan điểm khác nhau về 
typography thực sự tốt và typography chưa tốt. Nếu bạn hỏi hai nhà thiết 
kế đồ họa thế nào là typography tốt, có thể bạn sẽ nhận được những câu 
trả lời hoàn toàn khác nhau. Cũng có thể bạn sẽ chẳng nhận được câu trả 
lời nào. Chương này dựa trên kinh nghiệm giảng dạy thiết kế đồ họa hơn 
một thập kỷ qua của tôi cho sinh viên ở trình độ đại học: Đây chính là 
sự kết tinh những kinh nghiệm mà tôi có được với typography. Tôi đã cố 
gắng trình bày tổng quan về typography trong cả Chương 10 và chương, 
này, nhằm giúp bạn có thể tự bắt đầu hinh thành quan điểm riêng hay 
những điều mà bản thân bạn thích hoặc không thích. Cuối chương này, 
chắc chắn bạn sẽ hiểu rõ hơn về typography và được trang bị đầy đủ hơn 
để có thể sử dụng chữ thành thạo trên trang thiết kế của mình. 


Cách lựa chọn typeface của bạn ảnh hưởng đến sắc thái (tone) của 
trang thiết kế. Một khi đã nắm rõ sắc thái của một typeface, bạn sẽ có 
khả năng pha trộn và ghép đôi các typeface cho phù hợp hơn với thông 
điệp mà mình muốn truyền tải. Dưới đây là một số hướng dẫn chung 
về những typeface mà bạn có thể thử dùng khi còn đang băn khoăn tìm 
kiếm một diện mạo hay sắc thái cụ thể (Hình 11-1): 


» Hiện đại hợp thời trang (Fashionably Modern): Những letterform 
siêu co (ép chặt) hoặc siêu giãn (duỗi dài). 


+ Hiên đại hoài niệm (Nostalgic Modern): Những typeface có phán 
x-height lớn, hoặc các typeface gồm toàn ký tự in hoa với vẻ ngoài 
gợi nhớ về giai đoạn từ những năm đầu đến những năm giữa của 
thế kỷ 20. 


+ Hướng tới tưởng lai (Futuristic): Những letterform phóng đại rất 
vuông vức hoặc cực kỳ thon thả, tròn tria; bao gồm toàn ký tự in 
hoa hoặc toàn ký tự in thường. 


+ Thân thiện và chu đáo (Friendly and Caring): Những letterform 
tròn trịa và mềm mại. 


+ Giận dà (Angry): Những letterform nhấp nhó, góc cạnh; thường 
rất đậm hoặc rất mảnh. 


+ Mang tính đoàn thể (Corporate): Những typeface Sans serif mạnh 
mẽ với vẻ ngoài rất quy cách. 


+ Thé trung (Youthful): Đề có được vé ngoài trẻ trung, hãy thử các 
typeface có dang giống nét bút sáp. Để đạt được vẻ già dặn và 
“teen” hơn một chút, hãy thử bất cứ loại typeface sôi nổi nào với 
những letterform không theo quy cách và các letterform nhấp 
nhô trên một đường baseline không thống nhất. 
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man FASHIONARY Modern ë ` 


City Compress Craw Modern 
Nostalgic Modern ANGRY ` 
Peignot Doubt Condensed 
Official |  Conventional ` 
Palatino Baskerville 


алау cana: 7c 


Vogel Condensed 


Corporate  WoUtnFUL 


Franklin Gothic Condensed 3 Hour Tour 


Hình 11-1 Vàivídu về các typeface và “sắc thái” của chúng. 


248 PHÁN HAI CƠ BẢN VË TYPOGRAPHY 


[MACH NHỎ 


Font chữ Serif thường có 
(xu hướng dé đọc hơn font 
| chữ Sans serif khi đặt trong 
phán vàn bàn nói dung. Dé 
làm tăng tinh dé đọc mà vẫn 
. bổ sung được sự đa dạng về 
typography vào các trang 
của ban, hãy thử dùng một. 
| font chữ Serif cho văn bản 
nội dung và một font chữ 
Sans serif cho tiêu dé và tiêu. 
đề phụ, Những từ cũng như 
| €um türngán trên các tiêu dé 
| cùng tiêu dé phụ cho phép 
ban bay bồng với những lựa. 
.chọn font chữ táo bạo và 
thú vị hơn (đồng nghĩa với 
| khó doc hon mót chút) so 
| với khi sử dụng trong phán 
| văn bản nội dung. 


GHI CHÚ 


Chữ rất giống với thời trang. 
Việc cái gì được coi là hợp 
thời thượng và thú vị luôn 
thay đổi qua từng năm. 
Cách tốt nhất giúp bạn bắt 
kịp các loại chữ hợp thời là 
luôn theo dõi những loại 
typeface đang được sử dụng 
thịnh hành trên các phương 
tiện thông tin đại chúng: Ti 
vi, phim ảnh, sách báo, tạp 
chí và mạng Internet. 


• Cực đoan (Extreme): Letterform không theo quy cách, mang vé 
buồn khổ hoặc nếu không thì có dạng phân rã. 


«Trang nghiêm (Dignified): Những typeface Serif truyền thống nhu 
Garamond hay Goudy. 


• Mang tính nghi thức (Conventional): Những letterform có phán 
x-height nhỏ và có phần serif. 


+ Chính thức (Official): Những typeface Serif được làm vuông. 


Hãy nhớ rằng, khi lựa chọn chữ để dùng trên mẫu thiết kế, bạn chính là 
người nắm quyền quyết định. Hãy bắt chữ phải phục vu bạn. Đừng sợ chữ! 
Sử dụng nhiều hơn một typeface trên mẫu thiết kế cũng không vấn dé gì. 
Hãy xem xét lựa chọn typeface mà những người xung quanh sử dụng trên 
thiết kế của họ, đồng thời quyết định xem liệu font chữ đó có hiệu quả 
hay không. Cố gắng xác định xem vì sao font chữ đó hiệu quả hoặc không 
hiệu quả. Bạn sẽ học được rất nhiều thông qua việc xem trang thiết kế của 
người khác và học được từ những sai lầm của họ thay vì chỉ học từ sai 
lầm của chính mình. Mô phỏng lại (nhưng không bắt chước một cách mù 
quáng) những phương án kết hợp typeface phát huy tác dụng, đồng thời 
tránh dùng những cách kết hợp rõ ràng chẳng đem lại lợi ích gì. 


SỬ DỤNG THẬT NHIỀU SỰ TƯƠNG PHẢN 


Sử dụng sự tương phản trên trang thiết kể giúp tăng sức cuốn hút thị 
giác, do tương phản vé letterform thực sự tạo ra một mối quan hệ rất hài 
hòa, "sự hòa hợp của các mặt đối lập” Khi các typeface trên trang thực sự 
khác xa nhau, chúng sẽ có xu hướng không cạnh tranh hay đối chọi với 
nhau. Ngược lại, khi các typeface trên trang giống nhau, chẳng hạn như 
hai typeface Sans serif được dùng cho tiêu để và văn bàn nội dung, xung 
đột sẽ xảy ra (Hình 11-2). 


'Văn bản của bạn sẽ trở nên tinh tế hơn nếu bạn hào phóng pha trộn liều 
lượng tương phản thật mạnh. Hãy kéo nguyên tắc về tương phản vào trang 
và nhấn mạnh hết mức sự khác biệt giữa các font chữ. Hãy thật mạnh dạn, 
đồng thời tập trung tạo ra sự tương phản giữa các typeface (chẳng hạn như 
chữ Decorative và chữ Sans serif), kích thước chữ, mức độ weight và màu 
sắc. Càng mạnh dạn, bạn càng tỏ ra hoàn toàn tự tin và nắm quyền điểu 
khiển đối với chữ. Thiết kế của bạn trông sẽ chuyên nghiệp và hấp dẫn hơn 
về mặt thị giác. Hãy xét xem một tương phản về chữ thật lớn ở Hình 11-3 
đã cải thiện thiết kế ban đầu của Hình 11-2 tới mức độ nào. Thiết kế này 
trở nên liễu lĩnh và nổi bật hơn, hoàn toàn không có chút gi е ngại. Tương 
phản về font chữ đã lôi kéo sự chú ý của độc giả. Bạn cũng có thể tạo ra sức 
mạnh cho các thiết kế chữ của mình bằng cách áp dụng nguyên tắc tương, 
phản cùng với những lựa chọn chữ bold táo bạo như vậy. 
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WORK 


EXPANDS 


mq 


THE TIME 
AVAILABLE 
F 0 R 1 T $ Hinh 11-2. Su gán như tương đồng của 
COMPLETION các letterform trên hai typeface Sans serif 
này gáy ra xung dót. Chüng gióng nhau 
, mà cũng khôi б hau, và chính su 
—PARKINSON $ LAW gán hhư tương đống ray ЕЕ Е ảnh trạng 


căng thằng về mặt thị giác. 


WORK 


EXPANDS 


SO AS TO 


FILE 


THE TIME AVAILABLE FOR ITS 


COMPLETION 


— PARKINSON'S LAW Hinh 11-3 Dó tuong phàn manh giúp 
cái thién dáng ké súc manh cüa máu thiét 
ké này. 
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Tương phản về kích thước 


Tương phản về kích thước chữ (type size contrast) là một khái niệm đơn 
giản mà tôi không cán phải giải thích dài dòng: Hãy sử dụng tương phản 
giữa chữ thật lớn với chữ thật nhỏ (Hình 11-4). Đừng làm việc này một 
cách nửa vời. Hãy tìm kiếm niềm vui khi chơi trò tương phản về kích 
thước. Quyết định xem những từ hay cụm từ nào là quan trọng nhất, sau 
đó nhấn mạnh chúng hết mức. 


So sánh tấm banner của trang Web trên Hình 11-5 và Hình 11-6. Banner 
tiêu để ở Hình 11-5 thiếu hụt hoàn toàn tính tương phản. Chữ có cùng kích 
thước và typeface; kết quả là, tấm banner này rất kém lôi cuốn. Chỉ cần sửa 
nhanh độ tương phản của tấm banner trên Hinh 11-6 cũng đã tạo ra sự khác 
biệt mạnh mẽ. Sự tương phản giữa typeface Decorative vui nhộn trên dòng, 
“Flowers to Grow” (“Trồng hoa”) với typeface ban đầu trên dòng “A Website 
Resource For Young Gardeners" (tam dich: “Nguón tài nguyén Web cho 
những thợ làm vườn trẻ tuói") khiến tám banner đạt được diện mạo trẻ trung 


A Text Manuscript 


Туре Rules 


lisa Graham 


Hinh 11-4 Giảm nhẹ những từ bát buộc phải có 
nhưng không quá quan trọng của thông điệp là một 
cách để tăng nhanh độ tương phản cho trang thiết kế 
của bạn. 
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Hình 11-6 Áp dung tương phản vé kích thước và typeface giúp tám banner 


tiéu dé trang Web này sinh dóng hàn lén. 


và thú vị hơn hàn. Thay đổi kích thước chữ giúp 
nhấn mạnh tám quan trọng của dóng “Flowers 
to Grow’, đồng thói nâng cao sức cuốn hút thị 
giác cho tấm banner. Việc sử dụng hai kích thước 
chữ khác nhau thường bổ sung thêm những 
khoảng trắng tinh tế. Thay đổi kích thước chữ 
thường mang lại uu điểm nữa là giúp mở rộng 
khoảng trắng cho mắt nghỉ ngơi. Khi bị nhồi nhét 
đây văn bản và hình ảnh, trang thiết kế trông sẽ 
rất chật chội; chùa ra thật nhiều khoảng trắng sẽ 
đem lại cảm giác vừa tính tế vừa thảnh thơi. 

Một vấn để cẩn lưu ý là: Để đạt được tính đễ 
đọc, hãy hạn chế sử dụng sự tương phản về kích 
thước trong phán văn bản nội dung. Hãy tạo 
sự tương phản giữa các dòng tiêu để, trích dẫn, 
tiêu để phụ với nội dung cho đến nơi đến chốn, 
nhưng cẩn hạn chế tương phản trong phần 
văn bản nội dung (Hình 11-7), trừ phi bạn cố 
tình muốn khán giả tránh xa thiết kế của bạn. 
Không nên dùng nhiều chữ bold trong các cột 
của phán văn bản nội dung, vì một đoạn văn 
xuất hiện quá nhiều từ in đậm có thể sẽ lấn át 
phần chữ regular. 


lorem ipsum dolor Sitamet, con 
secteteur ülipsicing elit, sed diam 
Vulpatate nibh euisnod. Tempor in- 
ci ШИ et labore ut dolors magna 
ali quam @Г@Ї volupat. Duis vel aul- 
temeum irure dolor Ill henderit iif 
NONUMY velit esse consequat. Vel il- 
lum tolor faciscti at МӨГО eos. Nam 
eu feugiat milla liber tempor, cum 
solutanobis eliigent optius, CON- 
quenius nibil impe doming ill 
quod. Maxim facer @0$$ЇП diet om- 
nis voluptatias. Plecat POSSĪN diet 
omnis. LOrem ipsum tlolOF sit amet, 
CON secteteur atlipsicing clit, sed 


Hình 11-7 Quá nhiều tương phản trong phần văn 
bản nội dung là điều không được mong đợi và có khả 
năng gây tương phản quá mức cần thiết. 
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Tương phản về mức độ weight 


Tuong phản vé mức độ weight (weight contrast) chủ yếu liên quan đến 
quá trình pha trộn font chữ regular (thường) nhẹ nhàng với font chữ 
bold (đậm) nặng né. Hãy tạo sự tương phản giữa các dòng tiêu dé, tiêu 
để phụ, trích dẫn cũng như chữ in hoa đầu đoạn đậm và nặng hơn so 
với phần văn bản nội dung (Hình 11-8). Bạn cần tránh sử dụng các font 
chữ bold cho phán văn bản nội dung, bởi những cột chữ in đậm sẽ khiến 
trang trở nên nặng né và kém thu hút, như minh họa ở Hình 11-9. 


Red Horse PLayS [ocaL SceNe 


orem ipsum dolor sit amet, con secteteur adipsicing 


Hinh 11-8 Trang này tao ra su tuong phàn giüa 


mức dó weight (độ đậm) của typeface được dùng cho. leo. 9Ngef5 N ы diam vulpatate. mih edmod dene indi 
^ ndr y | labore ut dolors magna volupat. 
dòng tiêu dé, câu trích dẫn và chü in hoa đầu đoạn với cio оо о рана не 


velit esse consequat. Vel ит dolor faciscti at vero 
eos. Nam eu feugiat mulla liber tempor, cum solut 


phán vàn bàn nói dung. 


ESD0880: Who would have thought? Our espresso іза 
teency-tiny shot of pure energy! $1.50 


Espresso Ristoretto: Whoa Nelly! An even stronger. 
picleme-up! $2.00. 


Espresso Macchiato: The pinnacle of espresso. A shot 
of espresso with a bit of steamed milk on top. $2.00 


Cappuccino: Available in a variety of flavors including 
amaretto, mocha, and hazelnut. We also have daily 
specials. $2.00 


Caffe Americano: A shot of espresso cut with 
extremely hot water for a generous serving. $200 


Caffe Latte: The milk-and-coffee lovers delight. Our. 
best espresso mixed with steamed milk and a topping 
of foamed milk. $1.50 


Plain-Iane Joe: Coffee. Just coffee. Just good coffee. In 
а variety of flavors including amaretto, mocha, and 
hazelnut. $1.00 


anobis eligent optius, conquenius nibil impe doming 
jd quod. Maxim facer possin diet omnis voluptatias. 

Plecat possin diet omnis. Lorem ipsum dolor sit amet, 
con secteteur adipsicing elit, sed diam vulpatate nibh. 
euísnod. Tempor inci dunt et labore ut dolors magna. 


Espresso: Who would have thought? Our espresso is а 
teeney-tiny shot of pure energy! $150 


Espresso Ristoretto: Whoa Nelly! An even stronger 
nick-mo-up! $2.00 


Espresso Macchiato: The pinnacle of espresso. А shot 
ot espresso with a bit of steamed milk on ton. $2.00 


Cappuccino: Available in a variety of flavors including 
amaretto, mocha, and hazelnut. We also have daily 
specials. $2.00 


Caffe Americano: A shot of espresso cut with 
extremely hot water for a generous serving. $2.00 


Caffe Latte: Tho milk-and-cofíee lover's delight Our 
nest espresso mixer with steamet milk and a topping 
of foamed milk. $150 


Plain-Jano Joc: Coffee. Just coffee. Just good coffeo. In 
a variety of flavors including amaretto, mocha, and 
hazelnut. $1.00 


Hinh11-9 Sy tuong phản giữa chü bold và chü regular trên trang bên trái có vé nhẹ nhàng hơn trông thấy. Nhờ 
vậy, trang có thêm nhiều khoảng trắng hơn so với trang văn bản bên phải trông rất nặng nề về mặt trực quan. 
Bạn thấy trang nào dễ đọc hơn? 
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Tương phản vé weight cũng liên quan đến chiến lược sử dung chữ 
và khoảng trắng (Hình 11-10). Việc tạo ra sự tương phản giữa chữ và 
những khoảng trắng lớn giúp tạo nên một điện mạo trực quan sáng sủa, 
không cầu kỳ. 


Tương phản về màu sắc 


Nếu ngân sách cho phép, bạn nên tính đến việc sử dụng tương phản 
về màu sắc (color contrast) để thu hút sự chú ý của độc giả. Hãy tạo 
sự tương phản giữa màu sáng (bright color) và màu tối (dark color), 
giữa màu của tiêu để và màu của phần văn bản nội dung (Bảng màu 23, 
Chương 10), đồng thời nhấn mạnh các từ ngữ quan trọng bằng màu sắc 
(Bảng màu 24, Chương 10). Màu sắc sẽ bổ sung thêm kích thước cho 
thiết kế, đây là hiệu ứng mà bạn khó có thể tạo được nếu chỉ sử dụng 
màu đen, các sắc xám và màu trắng. Nếu sự lựa chọn của bạn bị giới hạn, 
bạn vẫn có thể đạt được những hiệu ứng thị giác thú vị bằng cách tương 
phản chữ màu đen đậm với chữ màu xám (Hình 11-11). 


Туре as Decoration 
Chapt: 
Hinh 11-10 - Sử dung khoảng trång kết hợp với sự Hình 11-11 Bạn không thể dùng 
tương phản một cách có chiến lược giúp tạo nên một. màu sắc ư? Hãy tạo ra sự tương phản 


diện mạo sáng súa, gọn gàng và tinh tế. giữa chữ màu xám và chữ màu đen. 
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GHI CHÜ 


Hãy dé dặt khi dùng chữ 
outline (phác nét) và shaded 
(đổ bóng), bởi chúng làm 
giảm đi tính rõ ràng của 
trang (Hình 11-12). Đừng 
bao giờ sử dụng chữ dạng 
outline và shaded cho phần 
văn bản nội dung; hãy để 
dành và dùng chúng cho 
phán tiêu để. 


MÁCH NHỎ 


Khi một câu hay một đoạn 
phải có nhiều từ cần nhấn 
mạnh, hãy tính đến việc 
sử dụng chữ italic thay vì 
chữ bold. Quá nhiều từ in 
đậm trong một cậu hay 
một đoạn sẽ tạo ra sự thiếu. 
đồng nhất, trong khi các 
chữ italic hòa mình vào văn 
bản tốt hơn mà vẫn nhấn 
mạnh được thông tin (Hình 
11-14).Chữ italic cũng được 
gọi là những “từ ngữ biết 
nói" ("рокет word”), giúp. 
truyền tải một hướng tiếp. 
cận mang tính riêng tư. 
Quy tắc hàng đầu về thiết 
kế đồ họa là tránh sử dụng 
chữ italic với nhiều hơn sáu 
dòng chữ. Chữ italic báo 
hiệu sự “cấp thiết” kéo dài từ 
dòng này qua dòng khác sẽ 
gây mệt mỏi cho độc giả. 


Hình 11-12 Sù dung các hiệu ứng đặc biệt như phác nét và đồ bóng 
cho chữ làm mất đi sự rõ ràng của font chữ, do việc đọc chúng khiển bạn 
mệt mỏi hơn so với chữ thông thường. 


NHẮC LẠI SỰ NHẤN MẠNH 


Như đã để cập ở phần trước của sách, nguyên lý của sự nhấn mạnh 
(emphasis) phát biểu rằng: Thành phẩn quan trọng nhất trên trang phải 
nổi bật nhất, thành phần quan trọng tiếp theo phải nổi bật thứ hai; và cứ 
như vậy cho tới các thành phần khác. Khi chọn phần văn bản cần nhấn 
mạnh, hãy tìm những từ khóa và cụm từ chủ chốt, sau đó nhấn mạnh 
chúng bằng cách thay đổi kích thước, mức độ weight, màu sắc và/hoặc 
chuyển chúng sang letterform dạng bold hoặc italic. Sử dụng nhiều mức 
độ nhấn mạnh khác nhau sẽ củng cố thêm biểu đồ thị giác của văn bản, 
giúp hình thức trang thống nhất hơn. Ví dụ, trang thiết kế sử dung một 
kích thước typography cho tiêu để và một kích thước khác cho tiêu để 
phụ trông sẽ tinh tế hơn so với một trang dùng kết hợp nhiều kích thước 
và typeface khác nhau cho các tiêu để phụ (Hình 11-13). 


HÃY GIỮ SỰ ĐƠN GIẢN KHI LỰA CHỌN TYPEFACE 


Một mục tiêu của thiết kế typography là chọn ra được những typeface 
rõ ràng, dé đọc. Hai từ tính rõ ràng (legibility) và tính dë đọc (readability) 
không hoàn toàn chỉ cùng một việc. Tính rõ ràng (legibility) chỉ mức độ 
dé xác định văn bản trong các cụm từ ngán, chẳng hạn như tiêu dé, sign 
(ký hiệu), slogan (khẩu hiệu)... Tính dë đọc (readability) chỉ mức độ 
dë đọc đối với văn bản lớn: Các câu, đoạn và trang văn bản. Nhìn chung, 
những typeface rõ ràng có phần ascender và descender được phân định 
rạch ròi (Hinh 11-15). Những typeface thiếu các ký tự in thường đều rất 
tốt nếu dùng cho tiêu dé, nhưng trong phần văn bản nội dung với font 
chữ gồm toàn ký tự in hoa mà sử dụng typeface này sẽ gây ra vấn dé về 


Performance 


Inyestment 
anges 


Financial 0utlooks 


ete comequat Vel llam dolor Rcued at veo co. 


n henderit in nonumy vet ese consequa. УЧ ilum. 
dolor бер м vero eos. Nam eu feugiat mulla liber 


Duis vl auterseum irr dolor in henderit in попиту 
velit оне consequat, Vel lum dolor faciseti at veo cọ. 
Nam ез feugiat mulls ber tempor, cum solutnobis 
dient ори, coeqoeiet nibil impe doming id quod. 
Temp inci dunt et labore ut dolor magna эй quam crat 
зр. Duis vl mtemeum име dolor in henderit in 
nonumy. Lorem ipsum dolor sit amet, con secteteur 
adipicing cũ, sed đam vulpatate nibh evin 


Financial Outlooks 
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; OVATE ттын 
Presidents шы ш riyan it нше tapa жад, President's ы tan vaipua oth шн. Тири c m 

лануы ые amicae сд erede eren pes чүл 
Меззаве, ена аара Message ne s 


eie consequat. Vel йып dolor faciseti at vero en. 


Performance "= «fec mul iber tempor, cm юмо 


digent орі, conqueniu nibil impe doming id quo. 
Maxim cer povn đt omnis voluptatis Plecat 


весен adipsicing cla, sed diam vulpatate nibh 
uismod. Tempor inci don labore ut dolors mapu 
ali quam erst voupat Dui vel autemeum truc dolor 
"n bendera n nonumy мй ene consequat У illum 
dolor faciei м vero eo. Nam eu feugiat тыйа ber 
tempor, cum volutanobs dient орїйи, conqueniur 
nibil impe doming id quod. Maxim facer ponsin die 
omnis voluptas, Plecat ponin diet omnis 


Investment ч temea irse dolor in henderit m nonumy. 


уйй ese consequat. У illum dolor facici at vero sot. 


Changes nan < ги mulis bọc tempor, cum зове 
igent. 


ори, conqueniu nibil impe doming id qud. 
Temp inci dunt et bore ш dolors magna ali quam erat 
хори, Duis vl uvemeum irre dolor in henderit in 
monum. Lorem ipsum dolor sit amet, соп аеш 
adipscing ди, sed diam vulpatate nibh силой, 


H Plecat diet omnis. Maxim facer | diet 
Financial аена 


Statement rnn nieas nit sansi toan din 
A“ Tabore ut дов mm al qoam et ispa. Dai 


тен porin ¿s omis Майа Be ponin de 

ало} бешш тики. Va йш dolor ie yem е. 

ж perm att йш, cm канш рын 

eme tit, sed diam vulputate nibh euisnod. Tempor inci cont 
"bru dior mapu d qum ч p 


Hinh 11-13 Việc sử dung hai typeface khác nhau cho các dòng tiêu dé phụ trên trang bên trái góp phán tạo 
nên vé lộn хп. Phóng to các dòng tiêu đề phụ để chúng có cùng chiều rộng (trang trái) chỉ làm cho trang thiết 
kế trông giả tạo và gượng ép. Thay tất cả các từ ở tiêu dé phụ về cùng một typeface và kích thước (trang phải) 
giúp thiết kế trông gọn gàng hơn, đem lại cho nó diện mạo sang trọng, tao nhã hơn. 


If at first you dont succeed, try, try 
again. Then quit. No use being a 
damn fool about it. 


If at first you don't succeed, try, 
try again. Then quit. No use 
being a damn fool about it. 


W.C. Fields W.C. Fields 


Hình 11-14 Só lượng tù in đậm quá nhiều ở phán trích dẫn bên trái sẽ tạo ra sự thiểu đồng nhất. Đổi sang dùng 
chữ italic giúp phần trích dẫn này trông duyên dáng hơn mà vẫn giữ lại được các điểm nhấn. Có thể tạm dịch câu 
trích dẫn bên trên của W.C. Fields như sau:“Nếu ban đầu bạn chưa thành công, hãy thử lại, rồi thử lại lần nữa. Sau 
đó, hãy từ bỏ. Cũng chẳng ích lợi gì khi cứ phải ngu muội mãi vì nó" 
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tính ró ràng. Ngoài ra, các font chü góm toàn ky tu in hoa dugc đặt trên 
máy tính thường có letterspacing rất kỳ quặc (Hình 11-16), khiến nhà 
thiết kế phải điểu chỉnh thủ công letterspacing trên phán mềm đó - đây là 
một nhiệm vu chán nản và tốn kém thời gian khi phải điều chinh không 
biết bao nhiêu đoạn văn trong phần văn bản nội dung! Các typeface dễ 
đọc được dùng trong phần văn bản nội dung thường là những typeface 
Serif dé đọc, không kiểu cách, không quá nặng né vé mặt trực quan với 
phần ascender và descender được phân định rất rạch ròi (Hình 11-17). 
Тї nhiên, cách bạn sắp xếp chữ trên trang thiết kế có ảnh hưởng cơ bản 
đến tính rõ ràng và tính dë đọc của bất cứ typeface nào, do đó đừng nhấn 
mạnh thái quá vào văn bản (các dòng và dòng chữ được đặt ở dạng toàn 
ký tự in hoa, italic, bold, phác nét, đổ bóng hết dòng này qua dòng khác 
là quá nhiều). Tránh dùng những font chữ quá nhỏ hoặc quá lớn, đồng 


thời tránh để độ dài dòng văn bản quá hẹp hoặc quá rộng. 


Hình 11-15 (Phải) Sở hữu các ký tự in hoa và in 
thường được phân định rạch ròi, typeface Franklin 
Gothic trông rõ ràng hơn typeface Anna. Font chữ 
Amna (loại Decorative) chỉ cung cấp các ký tự in hoa, 
khiến typeface này thích hợp hơn đối với những mầu 
văn bản siêu ngắn, chẳng hạn như logo hay dòng 
tiêu đề chỉ chứa hai hoặc ba từ. 


Khoảng cách kỳ quặc 


ШИ ANNA 


ШЕ ДЇ 


TH lí ANNA 


This is Franklin Gothic 


This is PEiqNOT 


This is Bodoni Book 


Hình 11-16 Сас font chữ Decorative, chẳng 
hạn như Anna, thường đòi hỏi phải điều chỉnh 
letterspacing theo lối thủ công. Ví dụ trên cùng thể 
hiện letterspacing mặc định của Anna khi được gõ 
chữ vào máy tính; ví dụ phía dưới là kết quả sau khi đã 
điều chỉnh thủ công letterspacing và word spacing. 


Hình 11-17 Mặc dù Peignot có cả ký tự in hoa và in 
thường, song phán x-height lớn khiến font này phù hợp. 
với các dòng tiêu đề và tiêu để phụ hơn so với phần 
văn bản nội dung. Phần x-height nhỏ hơn, các phần 
ascender và descender duyên dáng của Bodoni Book 
cùng diện mạo không quá kiểu cách khiến font này trở 
thành typeface thích hợp cho phần văn bản nội dung. 
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TRÁNH GÂY XUNG ĐỘT 


Xung đột (conflict) chữ xảy ra khi các từ giống nhau về kích thước, màu 
sắc, giá trị, mức độ weight hoặc typeface. Chính sự gần như tương đồng 
của chữ đã tạo ra xung đột. Khi có ít hoặc không có sự tương phản, thiết kế 
chữ trông sẽ tĩnh lặng, ảm đạm, nhàm chán và thiếu sức cuốn hút về mặt 
thị giác. 

Xung đột gây khó chịu nhất xảy ra khi nhà thiết kế cố ghép hai typeface 
lại với nhau vì chúng trông giống nhau. Các typeface này trông như nhau 


E—— 


T. great pleasure of a dog 
js that you may make a fool of. 
yourself with him and not only 
will he not scold you, but he 

will make a fool of himself too. 


Samuel Butler 


q 
SE HDD оз апор, 
that you may make a fool of 
yourself with him and not only 
will he not seold you, but he 
will make a fool of himself too. 


Samast Bailo bs 


Hinh 11-18 Hai typeface Serif trên trang phía trên hơi xung đột với nhau. Chi 
cán tạo ra hai thay đổi đơn giản trên trang phía dưới (đồi font chữ của chữ cái in 
hoa đầu đoạn và phần tên tác giả), xung đột đã bị loại bỏ. Tôi đã chọn typeface 
dạng viết tay cho chữ cái in hoa đầu đoạn và phần tên tác giả, vì các đường cong 
trên letterform này lặp lại dáng cong trên đuôi của chú chó (thực hiện nguyên 
lý của sự lặp lại). 


258 PHẦN HAI CƠ BÀN VÉTYPOGRAPHY 


nhung khóng hoàn toàn tuong tu, dán dén két quà là moi thú tróng gióng 
như một lỗi bj dé lại trên trang thiết kế (Hinh 11-18). Đây là một lỗi hiển 
thị rất nhỏ nhưng lại vô cùng khó chịu. Hiệu ứng thị giác mà nó tạo ra 
cũng giống như khi ta nghe tiếng ai đó cào nhẹ móng tay lên bảng màu 
đen đen vậy - không đủ để làm bạn nhảy dựng lên, nhưng cũng đủ khiến 
bạn sốt ruột. 


Một nguồn gây xung đột tiềm năng có thể dễ dàng tránh được là sử 
dụng toàn ký tự in hoa. Những thiết kế sử dụng tất cả ký tự in hoa rất 
thiếu độ tương phản về chiều cao của các letterform, và chính sự thiếu 
tương phản này đã khiến tốc độ đọc chậm lại. Chữ in hoa tất cả các ký 
tự trông cũng rất thô và thiếu chuyên nghiệp. Sử dụng kết hợp cả chữ in 
hoa và in thường vừa dễ đọc hơn vừa giúp tận dụng được ưu điểm của 
nguyên lý của sự tương phản. 


CÁC PHƯƠNG ÁN KẾT HỢP CHỮ 


Mục đích của phán này không nhằm trang bị cho bạn một danh sách liệt 
kê từng bước quy trình cho tất cả các phương án kết hợp typeface khả thi. 
Những phương án kết hợp khả thi này chỉ gây rối trí và hoàn toàn có thể 
không có giới hạn. Thay vào đó, tôi sẽ cung cấp cho bạn một số chỉ dẫn: 


+ Tôi đã nói về diéu này rồi, nhưng đây thực sự là một lời khuyên 
hữu ích: Hãy dùng typeface Sans serif cho các tiêu dé, tiêu dé phụ 
và typeface Serif cho phần văn bản nội dung. 


« Dùng sử dụng kết hợp quá hai phương án kết hop chữ trên một 
mẫu thiết kế. Đôi khi, ta cũng có thể dùng ba typeface trên một 
thiết kế, song việc chọn ra được typeface thứ ba cho phù hợp với 
hai typeface còn lại là rất khó (Hình 11-19). Chính vì khó chọn 
được ba typeface kết hợp tốt với nhau, nên xác suất để các mẫu 
thiết kế với ba hoặc nhiều hơn ba typeface trông mất trật tự luôn 
cao hơn. Càng sử dụng nhiều typeface, thiết kế càng trở nên lộn 
xón, mất trật tự. 


e Mỗi trang chỉ dùng duy nhất một typeface Decorative hay Novelty 
(Tân phẩm/Khác lạ) (Hình 11-20). 

° Tránh sử dụng cùng lúc hai typeface Sans serif hoặc hai typeface 
Serif trên cùng một trang. Chúng sẽ xung đột nhau. 

» Nhấn mạnh vào các tiêu để, tựa dé và tiêu để phụ nhiều hon so 
với phần văn bản nội dung. 

e Bát đầu những cuộc thử nghiệm chữ với các typeface Serif kinh 
điển như Garamond, Goudy, Caslon, Bodoni và Baskerville 
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xortfolio 


mac ond vipdói ial 


Hinh 11-19 Nhãn dia CD bên trái sử dung bón typeface khác nhau: Các font trên những từ ở đỉnh nhàn “my” 
(của tôi”) và “multimedia” (“bó công cụ truyền thông da phương tiện") phù hợp với nhau, nhưng các font chữ này 
lại xung đột với font chữ ở dưới đáy nhãn. Vì sự xung đột font chữ này, nhãn đĩa CD bên trái có vẻ rất nghiệp dư. 
Việc giới han lựa chọn typeface chỉ giữ lại hai font đẹp nhất khiến cho nhãn đĩa CD bên phải trông manh mé hơn 
và trở thành một mẫu thiết kế chuyên nghiệp hơn. 


terrific 


Comp rterm 


PROJECTS 


terrific 
Computer ˆ 
projects 


Hình 11-20 Banner Web ó phía trên sử dung ba font chữ Decorative xung 
đột nhau. Banner Web ở bên dưới dùng một font chữ Decorative và một font 
chữ Sans serif, giúp tạo ra một mẫu thiết kế hài hòa và dễ đọc hon, xét về khía 
cạnh typography. 
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Hinh 11-21 Khó có thể mắc sai lám 
khi sử dụng những typeface cổ điển 
này. Néu muốn tạo ra vẻ ngoài mạo 
hiểm táo bạo hơn, hãy thử pha trộn 
một font chữ Decorative với một trong 
những font chữ cổ điển trên. 


ABCDEFGHIJKLMNOPORSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890; 2. 

Garamond 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijkImnopqrstuvwxyz 
1234567890; "?!.. 

Caslon 


ABCDEFGHIJKLMNOPQRSTUV WXYZ 
abcdefghijkImnopqrstuvwxyz 
1234561890;:^"?l.. 

Bodoni 


ABCDEFGHIJKLMNOPORSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890;:”“”?,. 

Baskerville 


ABCDEFGHIJKLMNOPGRSTUVWXYZ 
abcdefghiiklmnopqrstuvwxyz 
12345ó7890;:“““2I,. 

Futura Medium 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890; 

Gill Sans 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890;:""771,. 

Franklin Gothic 


CHƯƠNG 11 MỘT SỐ QUY TÁC SỬ DỤNG CHỮ ĐƠN GIẢN 261 


cũng như những typeface Sans serif kinh điển như Gill Sans, 
Futura và Franklin Gothic (Hình 11-21). Hãy pha trộn hay ghép 
đôi tùy ý các typeface Serif và Sans serif này, nhưng tránh dùng 
cùng lúc hai typeface Serif hoặc Sans serif. Nếu bạn không có 
sẵn một số hay toàn bộ các font chữ này, hãy tìm những font có 
hình đáng tương tự. 


Da số mọi người đều chỉ thử nghiệm khi phải lựa chọn nhiều hơn một 
typeface trên các trang mà mình thiết kế. Họ pha trộn và ghép đôi rồi lùi lại 
ngắm nghía kết quả, sau đó đánh giá xem thử nghiệm của mình có thành 
công hay không, dựa vào hình thức của thiết kế trông ra sao trong mắt họ. 
Điều này là xu hướng tự nhiên khi lượng typeface hiện có là rất lớn. Nếu 
bạn tuân thủ theo các gợi ý về cách kết hợp typeface nêu trên, cơ hội để bạn 
tìm được những tổ hợp có ích cho thông điệp của mình sẽ cao hơn. 


Tôi đã trang bị cho bạn một danh sách typeface gợi ý, song việc tiếp 
nhận ý kiến của một nhà thiết kế khác thường rất hữu ích. Vì vậy, để bạn 
được nghe quan điểm của một người thứ hai, tôi đã nhờ Curt Fain, một 
đồng nghiệp có kinh nghiệm thiết kế lâu năm (công việc chuyên môn 
của Curt bao gồm các dự án về đồ họa, Web, truyền thông đa phương 
tiện và lĩnh vực kiến trúc), chỉ ra năm typeface mà anh luôn muốn mang 
theo, bất kể có bị mắc kẹt ngoài hoang đảo (Hình 11-22). Tất nhiên, Curt 
buộc phải hỏi lại rằng vì cớ gì mà anh ấy lại muốn mắc kẹt ngoài hoang 
đảo chứ? Đến khi tôi phải muối mặt dé nghị, Curt mới đưa ra danh sách 
dưới đây. 


Hình 11-22 
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Nám typeface hàng dáu trên hoang dáo 


“Lisa, tôi hoàn toàn chác chán ràng tôi phài có nhüng typeface này trên 
hoang dào cùng minh” (Hình 11-23): 


Garamond: Typeface Serif trang nhã, sang trọng, nhìn rất thuận mát. 


Gill Sans: Ó lựa chọn này, tôi đã ăn gian khi chọn toàn bộ họ chữ 
Gill Sans, bao gồm cả chữ regular (chữ thường), condensed regular 
(thường, co sít), condensed bold (vừa đậm vừa co sít), bold (đậm), 
bold italic (vừa đậm vừa nghiêng), extra bold (siêu đậm). Font chữ 
Sans serif này phù hợp với mọi font chữ Serif mà tôi từng thấy. 


Bodoni: Một lần nữa, tôi muốn có cả một họ chữ. Họ chữ Serif 
Bodoni rất dé đọc và linh hoạt, với rất nhiều tùy chọn khác nhau. 
Tôi đặc biệt thích typeface Bodoni Poster Compressed (Chữ 
Bodoni nén kiểu poster). Nó mang nét hoài niệm mà vẫn hiện đại. 


Officina Sans: Typeface Sans serif hiện đại và dé đọc. Kết hợp tốt 
với Garamond, Bodoni và Officina Serif. 


Officina Serif: Typeface Serif hiện đại và dé đọc. Kết hợp tốt với 
Gill Sans và Officina Sans. 


Và, tôi muốn yêu cầu thêm một font chữ nữa ngoài năm font chữ đã cho. 
Tôi phải có Futura vì nó phối hợp rất hiệu quả với Garamond, Bodoni và 
Officina Serif. 


Tái bút: Trước khi “dày doa” tôi, nhớ thiết lập sẵn trên đó một chiếc 
máy tính có đường truyền Internet nữa nhé! 


HƯỚNG DẪN SỬ DỤNG CHỮ 


Để viết phán này, tôi đã đánh giá lại nhiều nguồn thông tin về typography 
- và không thể tìm được danh sách hướng dẫn chắc chắn nào ở bất cứ 
đâu. Vì vậy, tôi đã quyết định liệt kê ra ở đây những hướng dẫn mà tôi 
dùng để dạy cho chính sinh viên của mình trong các giờ giảng ở trường 
đại học. 


Đừng ngần ngại phá bỏ các quy tắc, nhưng để phá bỏ quy tắc sao 
cho có ý nghĩa, trước hết bạn phải hiểu rõ những quy tắc đó đã. 


Đặt tính dễ đọc và khả năng truyền tải của typography lên trên 
kiểu dáng của nó. Mục đích chính của một trang thiết kế là truyền 
tải một thông điệp. Nếu phần chữ được chải chuốt cực kỳ sành 
điệu, nó có thể trở thành một trang rất dë chịu, nhưng nếu không 
truyền tải được thông điệp thì trang đó đã THẤT BẠI. 
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ABCDEFGHIJKLMNOPORSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890; "5. 

Garamond 


ABCDEFGHIJKLMNOPORSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
I234567890;;)1,, 

Gill Sans 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890;:"*"11,. 

Gill Sans Condensed Bold 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890;:"*""?1.. 

Bodoni 


ABCDEF GHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuywyyz 
1254567890; 21. 

Bodoni Poster Compressed 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890;:"""?!,, 

Officina Sans 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 


1234567890: ““21,. Hình 11-23 Các lựa chọn typeface của Curt 
0fficina Serif Fain. Đây là những typeface rất tốt và hữu ích. 
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+ Néuban thấy khó doc (và bạn đã biết trước nói dung trang rói)thi 
quả thật, trang đó rất khó đọc. Hãy chon một typeface dễ đọc hơn. 


+ Cán xét tới định dang và mục đích của trang, vì nó sẽ giúp bạn 
quyết định kích thước chữ. Ví dụ, bạn phải làm cho chữ dùng để 
thiết kế banner lớn hơn đáng kể so với tờ rơi quảng cáo. 


+ Мп mạnh chữ tùy theo biểu đồ thị giác. Trước tiên, hãy nhấn 
mạnh tiêu để và tựa để, thứ hai là tiêu để phụ, thứ ba là các trích 
dẫn, thứ tư là chú thích và cuối cùng là phần văn bản nội dung. Sử 
dụng kích thước, mức độ weight, màu sắc, chữ bold, chữ italic và 
chữ regular để trình bày biểu đồ thị giác này. Cán nhớ rằng, mọi 
người bị thu hút và sẽ đọc những dòng chữ lớn nhất, nhiều màu 
sắc nhất, được nhấn mạnh nhiều nhất trước tiên. 


+ _ Chữ phải phù hợp với sắc thái của trang và cuốn hút người xem. 
Typeface phù hợp cho tờ rơi bán thiết bị máy tính phải khác khá 
nhiều so với font chữ thích hợp với tờ rơi dành cho trò chơi tìm 
trứng truyền thống trong ngày lễ Phục Sinh. 


« Tránh dùng tất cả các ký tự in hoa như một thảm họa. 


« Tránh dùng chữ italic quá sáu dòng văn bản (và điều đó đã là quá 
lắm rồi). Đọc sẽ rất mệt. 


+ _ Chương trình máy tính cho phép bạn áp dụng cùng lúc tất cả các 
hiệu ứng bold, italic, shadow, outline, underline và strikethrough 
cho một từ không có nghĩa rằng đây là một ý hay. Xin đừng làm 
như vậy. Xem Hinh 11-24 để tận mắt thấy điều té hại xảy ra khi có 
quá nhiều hiệu ứng đặc biệt được áp dụng cho chữ. 


• Màu sắc phải giúp cải thiện và nâng cao tính dé đọc, chứ không 
cẩn quá mạnh tới mức lấn át hoặc khiến người xem sao nhãng 
khỏi thông điệp. 

+ Căn gióng, độ rộng cột, letterspacing, word spacing và leading 
đều là những yếu tố quan trọng quyết định tính dë đọc của trang. 
Hãy dành nhiều thời giờ trong vốn thời gian thiết kế của bạn để 
làm việc với những thông số này. 


+ Những typeface Decorative cũng nhu Novelty đều vui nhộn và 
thường rất phù phiếm, nên hãy dùng chúng một cách dë dặt trên các 
tiêu để, tiêu để phụ và câu khẩu hiệu. Tránh sử dụng chúng cho phần 
văn bản nói dung. Hãy nhớ rằng, các typeface Decorative và Novelty 
có thiên hướng nghiêng nhiều hơn về xu thế nhất thời và thời trang; 
bên cạnh đó, một thứ năm nay trông có vẻ trang nhã, sành điệu có 
thể sẽ bị coi là vô cùng nhàm chán và lỗi thời chỉ trong vòng ba năm. 
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Piense dant use ell] 
af these specin! type 
ейеебз at one те; 


Hình 11-24. Câu văn bị lam dụng quá mức này được áp dụng 
các hiệu ứng đặc biệt như bold, italic, shadow, outline, underline và 
strikethrough. (Một cách ngoan cổ, tôi vẫn luôn muốn tim ra cái cớ để 
sử dụng tất cả các hiệu ứng đặc biệt này ở cùng một chỗ. Cảm ơn bạn 
đã đọc cuốn sách này để tôi có thể loại bỏ cảm xúc xấu xa đó ra khỏi 
hệ thống đầu óc của mình. Đừng kể với các đồng nghiệp trong ngành 
thiết kế của tôi nhé. Họ sẽ ném đá tôi chết mất). 


TỔNG KẾT 


Chọn và sử dụng chữ trên thiết kế trang thường là một công việc gây trở 
ngại cho những nhà thiết kế chữ mới vào nghề. Thông tin trong chương 
này cung cấp cho bạn một số chỉ dẫn cơ bản để bắt đầu với các thiết kế 
trang của mình. Khi không chắc chắn, hãy tham chiếu lại những lựa 
chọn typeface ở Hình 11-21 và 11-23. Hai danh sách này đều dựa trên 
các typeface cổ điển vốn rất hữu dụng đối với nhiều thế hệ nhà thiết kế 
đổ họa ở cả thời điểm hiện tại lẫn trong quá khứ. Nếu không có sẵn đúng 
những font chữ này, bạn hãy nghiên cứu kỹ letterform của chúng, sau 
đó chọn ra các typeface tương tự trong số những typeface mình có. Mặt 
khác, nếu bạn thực sự nghiêm túc với các thiết kế trang, hãy mua dán 
những typeface này cho bộ sưu tập của mình. 


Kiểm tra chính tả! 


Giờ đây, khi bạn đã nắm được một số quy tắc cơ bản về cách dùng chữ, 
tôi muốn nhắc bạn một trong những quy tác cơ bản nhất - nhớ kiểm tra 
văn bản nhé! Từ kinh nghiệm trong quá trình viết rất nhiều cuốn sách, 
tôi có thể chứng thực việc đánh vần sai các từ là dễ phạm phải tới mức 
nào và các lỗi đánh máy có thể lần khuất ra sao. Ấy vậy mà không gì giết 
chết uy tín nhanh bằng việc tạo ra vô số bản sao của trang thiết kế với rất 
nhiều lỗi đánh vần sai. May mắn là, các chương trình soạn thảo văn bản 
déu có công cụ kiểm tra chính tà (spell check), nên nếu bạn đang dùng 
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chúng, hãy cho chay các công cụ kiểm tra chính tả này. Việc tiếp theo sau 
khi máy tính kiểm tra chính tả là đọc rà soát để tìm lỗi (proofread) cho 
văn bản: Công cụ kiểm tra chính tả không thể bắt được tất cả các lỗi dùng 
từ, chẳng hạn như lỗi dùng từ "pare" (“nhổ có") hoặc "pear" (“quả lê) 
thay vi từ “pair” (“đôi”). Nếu bạn dang tạo trang thiết kế bằng phán mềm 
vẽ hoặc bằng tay, hãy đảm bảo rằng bạn sẽ kiểm tra trực quan và kiểm 
tra lại lần hai đối với văn bản. Hãy vây lấy một người họ hàng, một người 
bạn hoặc đồng nghiệp và bắt họ đọc lại để kiểm tra trang thiết kế giúp 
bạn. Rất dễ để “nhìn cây mà không thấy rừng”, nghĩa là quá quen với việc 
nhìn vào tổng thể thiết kế đến mức bạn không thể nhận ra những chỗ sai 
chính tả. Hãy tiến hành kiểm tra đi và kiểm tra lại lỗi chính tả để tránh bị 
xem là thiếu chuyên nghiệp (Hình 11-25). Đồng thời, hãy kiểm tra nhằm 
phát hiện lỗi chính tả ở ngay cả những văn bản dùng để Decorative hoặc 
để làm các thành phần hình nền (Bảng màu 25, Chương 10). 


Nothing kils credeblty like 
preducing lots of cupies of a 
page that is ful of mispilingks. 


Hình 11-25 Câu này bị mắc rất nhiều lỗi chính tà. Nguyên 
gốc là: Nothing kills credibility like producing lots of copies of a 
page that is full of misspellings" (tam dich: “Ду vậy mà không gì 
giết chết uy tín nhanh bằng việc tạo ra vô số bản sao của trang 
thiết kế với rất nhiều lỗi đánh vần sai”). 


CÂU HỎI TRẮC NGHIỆM SỐ 11 

Điền đáp án thích hợp vào chỗ trống, sử dụng các từ trong danh sách sau: 
Xung đột 
Tính rõ ràng 
Tính dé doc 


1. Mức độ dé hay khó xác định văn bàn trong ШЕШ, cum tü/càu ngán, 
chàng han nhu các tiéu dé, duoc goi là 


2. chi múc dó dé doc hay khó doc dói vói ván bán lón 
trong phán ván bàn nói dung, ví du nhu các doan và trang ván bàn. 
3. Khi các tü tuong tu nhau vé kích thuóc, màu sác, giá tri, mức dó weight 
hoặc typeface, chúng bị thiếu di sự tương phản và với nhau. 


CHUONG 11 MỘT SỐ QUY TÁC SỬ DỤNG CHỮ DON GIẢN 267 


4. Các typeface khác nhau có thé ggi lén nhüng sác thái khóng gióng 
nhau. Trên Hinh 11-26, hãy nối các cum từ ở bên trái viết bằng 
những typeface đặc biệt với sắc thái mô tả phù hợp ở bên phải. 


BÀI TẬP 


Bài tập 1 


Chọn một câu trích dẫn, câu thành ngữ hay tục ngữ mà bạn thấy có ý 
nghĩa và với các typeface khác nhau cùng kích thước chữ khác nhau, hãy 
diễn giải câu trích dẫn đó một cách trực quan (tương tự như cách tôi đã 
làm ở Hình 11-3 và Hình 11-14). Hãy sử dụng các nguyên lý mà bạn đã 
được học trong cuốn sách này, đặc biệt là hai nguyên lý của sự tương 
phản và nhấn mạnh. Bố cục cuối cùng có thể được thể hiện dưới bất cứ 
hình thức nào mà bạn muốn (dùng bút đánh dấu, bút chì, bút mực hoặc 
tạo ra nhờ máy tính). 


GHI CHÚ 


Các bài tập trong chương 
này và Chương 12 bắt buộc 
bạn phải mở rộng sự lựa 
chọn typeface của mình. 
Hãy tìm một cuốn sách với 
thật nhiều typeface khác 
nhau mà bạn có thể sao 
chép bằng máy photocopy 
hoặc đồ lại. Bạn cũng có thể 
sử dụng các typeface có trên 
máy tính, hoặc mua một CD 
font chữ. 


1 feel sane. Reall 


Hello, how dre you? 
With all due respect. 
City Lights 


СЕТ OUT 0F HERE! 


trang nghiém 


giận dữ 


hiện đại 


chu đáo 


cực đoan 


Hình 11-26 
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Bài tập 2 


Chọn một từ trong danh sách sau và làm méo (distort) hoàn toàn hoặc 
một phán letterform để miêu tả trực quan ý nghĩa của từ đó (giống như 
cách tôi đã làm trong Hình 8-30 và Hình 8-33). Thay đổi kích thước, 
hình dạng, họa tiết, vị trí, màu sắc và giá trị của letterform để phản ánh 
ý nghĩa trực quan của từ đó. Tạo ra ít nhất 10 hình vẽ phác thảo nhỏ 
(thumbnail sketch) trước khi tạo bố cục cuối cùng. Bố cục cuối cùng 
này có thể được thể hiện dưới bất cứ hình thức nào bạn muốn (dùng bút 
đánh dấu, bút chì, bút mực hoặc tạo ra nhờ máy tính). 


juxtaposition (liền kể) rotate (xoay) 

guitar (đàn guitar) foundation (nền tảng) 

avalanche (dồn đập) immovable (bất động) 

skittery (lướt trên bể mặt) mirror (phản chiếu) 
Bài tập 3 


Viết tên bạn lên một mẩu giấy, cùng với một số tính từ mô tả về bạn. Bạn 
có thể dùng tất cả hay một phần tên mình, hoặc thậm. chí là cả một biệt 
danh yêu thích. Hãy điễn giải một cách trực quan tên bạn thông qua cách 
lựa chọn typeface, kích thước, vị trí, màu sắc và giá trị. Khi cán, bạn có 
thể thay đổi cấu trúc của chính letterform để nâng cao cách diễn giải trực 
quan cho tên gọi của mình. Hãy tạo ra ít nhất 10 hình vẽ phác thảo nhỏ 
trước khi bắt tay vào làm bố cục cuối cùng. 


Bài tập 4 


Chọn một từ trong danh sách đã cho ở Bài tập 2; hoặc nếu bạn thích, hãy 
tự chọn cho mình một từ. Cắt từ này thành hai phán theo chiểu ngang. 
Dần dán dịch chuyển hai nửa của từ đó ra xa nhau theo chiều ngang, từ 
đây tạo ra ít nhất ba ví dụ về hình ảnh một từ bị dịch chuyển (Hình 11-27). 
Mục đích của bài tập này là nghiên cứu hiệu ứng của một phép làm méo 
đơn giản đối với tính rõ ràng của văn bản. 


vision 


SRM Cam 


Hình 11-27 Một mẫu giải pháp vé thị giác cho Bài tập 4. 


(hương 12 Các dự án tiêu biéu .............. „270 
(hương 13 (ác công cụ và tài nguyên tham khảo.............302 


Trong phần này, bạn sẽ tìm hiểu thêm về các thông số thiết kế dành cho nhiều loại dự án mà những 
nhà thiết kế mới vào nghề có thể gặp phải. Tôi sẽ tổng kết về các định dạng thiết kế và những điểm cần 
lưu ý trong quá trình thiết kế dành cho từng loại dự án cụ thể - đủ để giúp bạn đi đúng hướng khi giải 
| quyết các dự án tương tự. Chương cuối của sách, Chương 13, sẽ liệt kê những cuốn sách, phần mềm và 
công cụ hữu ích dành cho các nhà thiết kế trang. 


CÁCDU ÁN 
TIÉU BIÉU 


+ _ Tăng cường nhận thức đúng vé các quy tắc và thông 
số thiết kế chủ chốt, cụ thể, lấy từ thực tế, áp dụng, 
cho những định dạng thiết kế trang hàng ngày. 


e Hiểu rõ tính hữu dụng của các nguyên lý thiết 
kế trong bối cảnh của những dự án thiết kế 
thông thường. 


+ Rèn luyện cảm nhận về thiết kế bằng cách tiếp xúc 
trực tiếp với các ví dụ và tận tay thử nghiệm nhiều 
dự án. 


+ Áp dụng hiểu biết vé các nguyên lý thiết kế vào 
những dự án thiết kế trang thực tế. 


Gần đây, một người bạn của tôi đã quyết định rằng cô ấy 
cẩn có danh thiếp (business card). Để tiết kiệm, bạn tôi 
quyết định sẽ tự làm danh thiếp bằng máy tính tại nhà và 
máy in laser. Mặc dù đã có cả một ngăn bàn chứa đầy danh 
thiếp của nhiều người khác, song bạn tôi nhận ra rằng cô 
ấy vẫn còn một số vướng mắc về những việc nên và không, 
nên làm khi thiết kế một tấm danh thiếp. Thay vì đến thư 
viện và vất vả lặn ngụp trong một cuốn sách về thiết kế dó 
họa để tìm kiếm thông tin, cô ấy đã goi cho một người bạn 
(chính là tôi, một giáo viên về đồ họa) để xin một bản tóm. 
tắt nhanh gọn trong một phút. Năm phút sau, bạn tôi gác 
máy và tiếp tục với công việc thiết kế của mình. 


Cuộc điện thoại này cho thấy thực tế rằng, ngay cả 
những người hàng ngày đều trông thấy logo, danh thiếp, 
tờ rơi và bản tin không phải lúc nào cũng biết cách tạo ra 
một mẫu thiết kế đẹp cho những định dạng này. Mỗi định 
dang thiết kế trong số này đều có một bộ tiêu chuẩn và 
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thóng lé mà ban có thé düng dé dinh huóng cho viéc phát trién các thiét 
kế đó, với điều kiện bạn biết rõ chúng là gì. Phần này sẽ cung cấp cái nhìn 
tổng quan ngắn gọn về những tiêu chuẩn và thông lệ quan trọng đối với 
một số định dạng trang thường gặp. Ví dụ, nếu có lúc thấy tự mình cần 
phải thiết kế một danh thiếp, bạn có thể tìm đến phần này để xem lại một 
số điểm đặc biệt cần lưu ý khi thiết kế danh thiếp. 


Đối với những người muốn có thông tin sâu sắc hơn về việc thiết kế 
các định dang nêu trên, tôi cũng bổ sung thêm một danh mục những 
cuốn sách hữu ích ở Chương 13, Các công cụ và tài nguyên tham khảo. 


BỘ VĂN PHÒNG PHẨM 


Bộ văn phòng phẩm (stationery set) bao gồm mẫu tiêu dé thu 
(letterhead), danh thiếp và phong bi thư. Một bộ văn phòng phẩm được 
cấu trúc chặt chẽ và thiết kế hợp lý sẽ giúp truyền tải một hình ảnh mạnh 
mẽ và tích cực về công ty. Rất nhiều doanh nhân cảm nhận được rằng, 
bộ văn phòng phẩm hấp dẫn về mặt thị giác chính là một công cụ quan 
trọng đối với việc xây dựng hình ảnh. 


Kích thước tiêu chuẩn 


Tiêu để thư (letterhead): 8/4" x 11%” (trong đó, “ là ký hiệu viết 
tắt của inch - tên một đơn vị chiều đài trong một số hệ thống đo 
lường khác nhau, bao gồm Hệ đo lường Anh và Hệ đo lường Mỹ; 
1 inch = 2,54 cm). 


Phong bi thu (envelope): 9%" x 4%” (kích thước này được gọi là 
Phong bì thư số 10). 


Danh thiếp (business card): 31⁄4” x 2”. Danh thiếp có thể đặt doc, 
đặt ngang, thậm chí được gấp lại (Hình 12-1). 


GHI CHÚ 


Các mặt có thêm từ việc 
gấp danh thiếp có thể 
được dùng không chỉ cho 
mục đích trang її đơn 
thuần. Hãy tính dën việc 
dùng phần không gian mở 
rộng này như một cuốn 
brochure nhỏ cho công ty 
bằng cách liệt kê những 
dịch vụ kinh doanh đặc 
biệt ở mặt bên trong này. 


Sleepy Owl Hollow 8 


Fishing Lodge ` 


Sleepy Owl Hollow 


Fishing Lodge 


© „ах: (555) 555-34: 
«fax: (855) 555-3454 


Hình 12-1 Mòôt danh thiếp ở dạng gấp đôi giúp mở rộng không gian thiết kế. Ảnh bên trái minh hoa bìa ngoài 
của tấm danh thiếp gấp đôi; ở ảnh bên phải, mặt bên trong chứa tất cả những thông tin liên hệ thích hợp. 
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MÁCH NHỎ 

Bạn cứ việc thoải mái sử 
dụng các xảo thuật. Một cơ 
hội quảng cáo nhỏ thường. 
bị bỏ qua là khoảng không 
gian ở góc dưới bên trái của 
phong bì thu, Khi người ta 
phân loại thư, trước tiên họ 
thường ёс nhanh vào phần 
địa chỉ người nhận, tiếp đến 
là địa chỉ của người gửi. Cái 
liếc nhanh này sẽ tự động 
dò qua góc dưới bên trái 
của phong bì thư. Sao ta 
lại không lén đưa một câu 
slogan (Hình 12-2) hay một 
cầu quảng cáo nhỏ vào vị trí 
đó? Dù gì thì nó cũng chẳng. 
tốn chỗ và lại cung cấp cho. 
ta một cơ hội để in các câu 
slogan, mẹo nhỏ, dòng 
nhắc việc,.. Bạn trả tiền để 


Thông tin tiêu chuẩn trên các tài liệu trong bộ văn phòng phẩm 


Do khác nhau về kích thước và mục đích sử dụng, nên các tài liệu trong 
bộ văn phòng phẩm bao gồm những thông tin tương tự song vẫn hơi 
khác biệt. 
Tiêu dé thư thường bao gồm: 
• Tên công ty. 
* Dia chỉ kém theo tên phố. 
* Dia chỉ thành phố, bang và mã bưu điện (zip code). 
• Só điện thoại và số fax. 
» Dia chỉ Internet hoặc địa chỉ trang Web. 
Phong bì thư thường bao gồm: 
« Tên công ty. 
„+ Địa chỉ kèm theo tên phó. 
« _ Địa chỉ thành phố, bang và mã bưu điện. 


có được khoảng không gian à 5 
này, nén hãy sử dụng nó sao Danh thiếp thường bao gồm: 
cho đem lại nhiều lợi ích «Tên công ty. 
nhất cho mình. 
* Dia chỉ kèm theo tên phố. 
O 
WALTHER 


310 5th street SouthWest 
Waverly, lowa 50677 


"25 Van of Quality Craftsmanship” 


Hinh 12-2 Sù dyng khoång không gian ó góc duói bën trái cùa phong bì thu cho môt máu quång cáo nhó. 


CHUONG 12 CÁC DỰ ÁNTIËU BIÉU 273 


° Dia chỉ thành phó, bang và mã bưu điện. 
e 58 điện thoai và số fax. 

» Tên của chủ danh thiếp. 

» Chúc danh của chủ danh thiếp. 


Tùy từng công ty, danh thiếp cũng có thể bao gồm thêm một số 
hoặc tất cả trong số những thông tin sau: 

* Bia chỉ hộp thư thoại (voice mail), số điện thoại di động 
và/hoặc số máy báo cuộc gọi đến (beeper number) của chủ 
danh thiếp. 

* Dia chỉ Internet hoặc địa chỉ trang Web. 


* Bia chỉ e-mail của chủ danh thiếp. 


Các lưu ý khi thiết kế 


Vì danh thiếp chứa những thông tin quan trọng nhất, nên đây là nơi 
thích hợp nhất để bắt đầu thiết kế. Vị trí của logo, màu sắc được sử 
dụng, kích thước chữ, kích thước và kiểu chữ, bố cục trên danh thiếp 
nghiễm nhiên sẽ gây tác động lên thiết kế của tiêu để thư cũng như 


Hình 12-3 Kiểu chữ, kích 
thước chữ, căn gióng chữ và 
kích thước logo được dùng 
cho tấm danh thiếp này có 
ảnh hưởng đến bố cục của 
phong bì thư và tiêu dé thư. 
Cách sử dụng nhất quán 
các thành phần thiết kế trên 
trang góp phần tạo nên diện 
mạo thống nhất cho bộ уап 
phòng phẩm này. 


à 


А —À 
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Hình 12-4 Các vùng thiết 
kế. Những khu vực được 
làm tối chỉ ra các vùng tiềm 
năng mà bạn có thể đặt 
thành phần thiết kế vào đó. 
Vùng màu trắng trên tiêu dé 
thư cho thấy vùng thường 
được dành riêng để ghi 
thông tin người gửi và người 
nhận, trong khi các vùng 
trắng trên phong bì thư chỉ 
ra những vùng dành riêng. 
cho bưu điện (liên bang/ 
liên tỉnh), chẳng hạn như mã 
bưu chính và mã vạch. 


к= 


phong bi thu (Hinh 12-3). Mót trong nhüng muc dích thiét Кё co bàn 
cüa thiét ké ván phóng phám là nhàm tao ra mót phong cách thóng nhát 
và nhát quán. Ví du, néu düng mót kích thuóc chü nhát dinh trén mót tài 
liệu, ban phải có gắng sử dụng cùng kích thước đó trên các tài liệu còn 
lại. Điều này không phải lúc nào cũng dë dàng, khi kích thước của ba tài 
liệu này về cơ bản là khác nhau. Thực tế, có thể có các dự án mà tại đó, 
cách tốt nhất để đưa được mọi thông tin bắt buộc lên danh thiếp là giảm 
di một chút kích thước của chữ. Rất nhiều nhà thiết kế cảm thấy rằng, 
vài thay đổi giữa ba mẫu tài liệu này là có thể chấp nhận được, miễn sao 
bộ văn phòng phẩm vẫn giữ được một cảm quan chung mạnh mẽ về sự 
liền mạch - nghĩa là trông chúng có vẻ như thuộc về cùng một bộ. 


Các vùng thiết kế 


Có những khu vực cụ thể mà bạn nên và không nên đặt thông tin trên mỗi 
mẫu tài liệu thuộc bộ văn phòng phẩm. Ví dụ, tiêu để thư cần dành riêng 
các vùng nhất định để ghi thông tin người gửi và người nhận, trong khi 
phong bì thư có những vùng đành riêng cho các thông tin bưu điện như 
mã vạch và dấu bưu điện. Các khu vực được làm tối trên Hình 12-4 cho 
thấy những vùng mà bạn có thể đặt các thiết kế của mình vào đó, Thậm 
chí, từ việc xem xét những vùng thiết kế này, ta đã có rất nhiều phương án 
khác nhau để thiết kế nên các bộ văn phòng phẩm (Hình 12-5). 
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= 
ма! 
== 


A — - Mà 


| 


Нїпһ 12-5 Ва giài pháp 
cho bó ván phóng phám 
trong só gán nhu vó tán các 
khả năng. Lưu ý, trên bộ văn 
phòng phẩm bên dưới, có thể 
sử dụng một hình vẽ đồ họa 
thật lớn (trong trường hợp. 
này là một phiên bản nhạt 
màu của logo) làm hình nền. 
Tuy nhiên, hãy lưu ý dùng 
màu phớt hoặc các sắc nhạt 
(tint) để làm hình nền, tránh 
gây ảnh hưởng đến tính dễ | 
đọc của bức thu sẽ được ghi 

dé lên trên bức hình đó. 


M" 
" 
Li 
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Hinh 12-6 Vídụ về logo. 


LOGO VÀ LOGOTYPE 


Logo là sự kết hợp của chữ và hình vẽ đồ họa, đại diện cho đặc điểm nhận 
diện (identity) của doanh nghiệp, hội nhóm, dự án, thương hiệu hoặc cá 
nhân (Hình 12-6). Logo được tạo ra từ nghệ thuật typography, hình ảnh, 
symbol, hình dạng và các đường nét theo bất kỳ dạng kết hợp nào để biểu 
thị một đặc điểm, sản phẩm hay phong cách của khách hàng. Logo nên 
được làm đơn giản nhất có thể, nhằm mô phỏng lại hiệu quả trên nhiều loại 
trang thiết kế, từ quảng cáo trên báo, danh thiếp cho đến bản tin. Logo còn 
được gọi một cách không chính thức là logotype (kiểu chữ cho logo), mark 
(nhãn hiệu/nhãn mác) hoặc trademark (nhãn hiệu thương mại) mặc dù 
về mặt chuyên môn, những thuật ngữ này không hoàn toàn chỉ cùng một 
thứ (chúng sẽ được định nghĩa ở đoạn sau của phẩn này). Logo hiện diện 
ở gần như mọi sản phẩm và vật liệu in từng được sản xuất, từ bút chì cho 
đến hộp đựng giày. Thiết kế một logo có hiệu quả nhằm mục đích kết tinh 
được phẩm chất của công ty một cách trực quan thành một trademark/ 
mark nhỏ gọn, sáng süa, dë nhớ và đặc sắc. Làm được điều này không dễ 
và thường đòi hỏi phải có nhiều hình vẽ phác họa nhỏ và nhiều vòng tỉnh 
chỉnh. Phần thưởng dành cho người chăm chỉ, tận tụy là một mẫu thiết kế 
mà chỉ liếc qua đã biểu thị được đặc điểm (character) cũng như giá trị cốt 
lõi (essence) của công ty, tổ chức, sản phẩm hoặc cá nhân đó. 


Giải thích theo chuyên môn 


Có những khác biệt nhỏ mang tính chuyên món vé ý nghĩa của các từ 
logotype (kiểu chữ cho logo), symbol (biểu tượng), pictograph (biểu 
hình), trademark (nhãn hiệu thương mại). Nếu bạn không quan tâm 
xem chúng là gì, hãy bỏ qua phần này. Vị giáo sư về thiết kế đổ họa trong 
tôi cứ nhất quyết đòi phải giải nghĩa những tiểu tiết chuyên môn này. Rất 


nhiều nhà thiết kế lại gộp hết các từ trên vào thuật ngữ “logơ 


Nova Techwerks 


L— 7, 


Бү 


CE 1 
AN 
“ry r 


Sleepy Owl Hollow 


Fishing Lodge 
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° Logotype (kiểu chữ cho logo) là một tên gọi được cấu thành từ 
nghệ thuật typography hoặc cách sắp chữ (lettering) độc đáo. 


* Symbol (biểu tượng) là một sign (ký hiệu) đơn giản dùng để 
đại diện cho một thứ khác. Ví dụ, một trái tìm kiểu Valentine 
đại diện cho concept tình yêu. 


s Pictograph (biểu hình) là một symbol được dùng trên phạm vi 
quốc tế để vượt qua rào cản ngôn ngữ. Ví dụ về pictograph có 
thể dễ dàng tìm thấy ở bất cứ sân bay lớn nào (chẳng hạn như 
hình người đàn ông và người đàn bà dùng làm symbol cho nhà 
vệ sinh). 


*. Trademark (nhãn hiệu thương mại), hay còn gọi là mark 
(nhãn hiệu/nhãn mác) là một tên gọi hoặc symbol đặc trưng 
được một công ty sử dụng để định danh cho một thương hiệu 
hay sản phẩm. Ví dụ về trademark là dấu hiệu tia chớp xet ngang 
của Nike và con mắt của CBS. 


Các lưu ý khi thiết kế logo và logotype 


Mặc dù trường hợp logotype chỉ sử dụng chữ đặc biệt là không hiếm 
gặp, song cũng có rất nhiều logo kết hợp nghệ thuật typography hoặc 
cách sắp chữ độc đáo, cùng với đó là ảnh hoặc symbol khác biệt, dë 
nhận biết để thể hiện tinh thần của một công ty. Kiểu chữ và symbol 
được dùng phải phù hợp với đặc điểm của doanh nghiệp, ví dụ như 
một logo cho bệnh viện y học cẩn có điện mạo khác hẳn so với logo của 
một nhà làm bánh mỳ bằng hạt lúa mạch tự nhiên. Những logo chỉ bao 
gồm symbol - không có chữ để định danh - thường hiếm gặp hơn; các 
symbol khiến người ta mất nhiều thời gian hơn vào việc làm quen và 
nhận diện một công ty hoặc sản phẩm (Hinh 12-7). Sự thành công của 
một logo có symbol thường không chỉ phụ thuộc vào mức độ phù hợp 


Hình 12-7 Hai phiên bàn 
của một logo: Một logo chỉ 
gồm symbol (trái); một logo. 
bao gồm cả chữ và symbol 
(phải). Đổi với người xem, 


f logo sử dụng kết hợp giữa 
eur. a chữ và symbol thường dễ 
E e. diễn giải hơn so với logo chỉ 


о-н е düng symbol. 
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Hình 12-8 Logo này rất rõ 
ràng khi đặt ở kích thước lớn, 
nhưng các ký tự nhỏ lại rất 
khó đọc khi đặt ở kích thước 
nhỏ. Logo hiệu quả phải phát 
huy tác dụng khi đặt ở cả 
kích thước rất nhỏ lẫn rất lớn. 


của hình ảnh, mà còn phụ thuộc vào ngân sách dành cho quảng cáo của 
công ty đó. Ngân sách càng lớn, không gian trên giấy mà công ty mua 
được càng nhiều và người dùng càng được tiếp xúc thường xuyên hơn 
với symbol đó: Nhìn mãi sẽ thành quen. 


Logo nhắm tới mục đích là được mô phỏng lại với những kích thước 
và định dạng khác nhau, từ kích thước rất nhỏ để đặt trên danh thiếp 
đến kích thước rất lớn trên các bảng quảng cáo ngoài trời, từ tờ rơi một 
màu có giá thành sản xuất rất rẻ đến tấm poster đắt tién với đẩy đủ dải 
màu. Với những yêu cẩu bắt buộc như vậy, cách tốt nhất để đảm bảo 
thiết kế logo của bạn sẽ được sao chép hiệu quả trong nhiều tình huống, 
khác nhau là giữ cho thiết kế thật đơn giản, đồng thời làm cho tấm logo 
đó có hiệu quả ở dạng đen trắng với sắc độ xám (shade of gray) rất giới 
hạn (những khác biệt tinh vi trong các sắc độ xám thường bị mất đi 
trong quá trinh photocopy). Thường thì ban đầu, người ta bị cám dỗ bởi 
việc thiết kế tấm logo cho đẹp khi có màu; không may là, rất nhiều tấm 
logo nhìn rất đẹp khi có màu, song lại kém hiệu quả hơn khi được sao 
chép lại chỉ với màu đen. Hãy thử hình dung một khách hàng sẽ hoảng 
hốt ra sao khi tấm logo đẩy đủ màu sắc của cô ấy trở thành một khối 
xám xịt, mờ nhạt khi chỉ được in với mực đen (Bảng màu 26, Chương 
10 ). Bạn có thực sự muốn đối phó với một khách hàng không hài lòng 
không? Hãy tự tránh cho mình khỏi rơi vào tình thế đau đầu trong tương 
lai, đồng thời đảm bảo rằng thiết kế logo của bạn có hiệu quả trước hết 
là với màu đen trắng. Một khi đã có được cơ sở chắc chắn, ta có thể làm 
cho thiết kế logo trở nên hiệu quả khi có màu mà chẳng gặp bất cứ khó 
khăn nào (và khách hàng của bạn cũng không thể gắt lên với bạn, ít nhất 
là vì lý do này)! 


Khi làm việc với thiết kế logo, một cách rất hay là tuần tự giảm kích 
thước của logo đó xuống để xem liệu ở những kích thước nhỏ, nó có dễ 
đọc không (kích thước хар xỉ từ 1⁄2” đến 17, khoảng chừng kích thước mà 
logo sẽ được dùng trên một tấm danh thiếp), đồng thời tăng kích thước của 
nó lên để xem liệu ở các kích thước lớn, nó có hiệu quả không (xấp xi 8” x 
8”, hoặc khoảng chừng kích thước mà logo có thể được dùng trên một tấm 
banner). Một số mẫu thiết kế trông rất tuyệt với những kích thước lớn hơn, 
nhưng bị mất tính rõ ràng khi bị giảm xuống kích thước nhỏ (Hình 12-8). 


Z E E Z YO 


worldcorporation 


ZEEZYO 
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Những gợi ý khi thiết kë logo 


Danh sách dưới đây được trình bày nhằm cung cấp cho bạn một danh 
sách kiểm tra (checklist), bao gồm những vấn để cần lưu ý khi thiết kế 
logo. Hãy sử dụng chúng để đánh giá mức độ thành công của các mẫu 
thiết kế logo. Một logo thành công phải: 
• Có nghệ thuật typography hoặc cách sắp chữ rành mạch, rõ ràng. 
e Có hình ảnh dễ nhận diện (nếu logo đó có hình ảnh). 
+ _ Thểhiện được phong cách, tinh thần và đặc điểm của khách hàng. 
+ Độc đáo, khác biệt so với các đối thủ canh tranh của khách hàng. 


* Dë chịu về mặt thẩm mỹ (trông phải thật đẹp), hoặc đem lại ấn 
tượng thị giác rất mạnh. 

» Có những mối quan hé vé hình dang âm bản và dương bản manh 
më (điều này sẽ giúp logo được sử dụng và thiết kế lại (reproduce) 
rất hiệu quả ở dang đen trắng, đồng thời đem lại ấn tượng thị giác 
mạnh mẽ hơn cho logo). 

+ Dễ ghi nhớ, 

© Sù dụng và thiết kế lại hiệu quả khi ở dạng rất nhỏ hoặc rất lớn. 

* Sử dụng và thiết kế lại hiệu quả khi ở dạng đen trắng cũng như 
dạng màu. 


TỜ RƠI QUẢNG CÁO 


Tờ rơi quảng cáo (flyer), hay tờ rơi, thường là những trang một mặt đơn 
giản, dùng để quảng cáo cho một lời chào hàng đặc biệt có thời hạn, hoặc 
một sự kiện đặc biệt chỉ có một lần. Tờ rơi còn được gọi là tờ bướm/tờ 
thông tin (circular), vì chúng nhắm tới mục đích là được phát tán rộng 
rãi (được “rải bay” ra xung quanh hay “truyền di") và có thể được xem ở 
nhiều địa điểm khác nhau, chẳng hạn như: 

• Được đặt ở kính chắn gió của ó tô. 

e - Được treo trên tường. 

e _ Được chất đống trên máy tính tiên. 

• - Được gói quanh núm cửa. 

• Được thêm vào các túi mua hàng. 


• Được gửi qua thư như một mảnh giấy phu kèm theo trong thư tín 
của doanh nghiệp. 


e _ Được bó lại cùng với các tờ báo, bàn tin và tạp chí. 
5 Duc trao tay. 
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Hình 12-9 Tờrơi bán hàng. 
hạ giá này sử dụng chữ ở 
kích thước lớn, có ấn định 
thời hạn và dùng ảnh minh 
họa của sản phẩm dé thông 
báo cho người đọc về đợt 
bán hàng hạ giá. 


+ _ Thậm chí là được gấp lại và gửi trực tiếp qua bưu điện đến khách 
hàng nằm trong danh sách nhận thư. 


Tờ rơi là phương tiện hoàn hảo để quảng cáo cho một trạm rửa Xe, 
những buổi hóa trang đặc biệt cho các chú cún, phiên hạ giá bán vitamin 
tại cửa hàng thực phẩm y tế địa phương, buổi họp của các nhà hoạt động 
xã hội, buổi giới thiệu một nghệ sỹ giải trí mới ở câu lạc bộ, những lời 
chào mời đặc biệt về dịch vụ lau dọn thảm,... Mục đích chính của tờ 
rơi là thu hút sự chú ý thông qua những thông tin đơn giản và khuyến 
khích người dùng hành động ngay lập tức trước lời chào hàng, bằng cách 
thông báo cho họ giới hạn thời gian của lời chào hàng đó (Hình 12-9). 


Kích thước tiêu chuẩn 


Tờ rơi phải được sản xuất hàng loạt, nhắm tới mục đích là được nhìn 
thấy ở khắp nơi. Một cách để giữ cho chỉ phí ở mức thấp là đặt tờ rơi dựa 
trên các kích thước giấy tiêu chuẩn, thường là cỡ giấy viết thư (letter) 84" 
x 11”, giấy tờ pháp lý (legal) 8%” x 14”, hoặc giấy viết tin vắn (tabloid) 
11” x 17”. Đến nay, kích thước phổ biến nhất là khổ giấy 8/4" x 11”. In 
những kích thước tiêu chuẩn này tốn ít tiền hơn, chúng cũng phù hợp 
với các máy photocopy tiêu chuẩn. Vì lý do kinh tế, việc photocopy tờ 
rơi là một phương thức sản xuất thường gặp. 

Một cách tạo tờ rơi kinh tế hơn nữa là chia một tờ giấy kích thước 
tiêu chuẩn ra làm hai, ba hoặc bốn phán (Hình 12-10). Việc chia trang 
như vậy giúp bạn có thêm nhiều tờ rơi hơn với cùng, một chi phí bỏ ra. 
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Thóng tin tiëu chuán trén të roi 


Tờ rơi phải đơn giản nhất có thé để nhanh chóng truyền dat được thông 
điệp. Hãy dùng chữ có kích thước lớn hoặc những hình ảnh trực quan 
có khả năng khơi gợi, lôi kéo sự chú ý, nhằm khuyến khích độc giả đọc 
kỹ thông điệp của bạn. Con người luôn bị ngập trong giấy tờ, nên nếu 
tờ rơi của bạn không thật sự hấp dẫn, nhiều khả năng người ta sẽ vứt nó 
đi ngay. Hãy nhanh chóng đi thẳng vào vấn dé với một vài cụm từ, hình 
ảnh, hoặc khuyến mãi giảm giá (coupon) thật cuốn hút để làm tăng khả 
năng độc giả sẽ đọc, thậm chí giữ tờ rơi của bạn lại. Tờ rơi thường bao 
gồm những thông tin sau đây: 


Dòng tiêu dé rất lớn và cuốn hút. 
Cum từ hoặc slogan lôi kéo sự chú ý. 


Hình ảnh trực quan hoặc hình vẽ đồ họa mạnh mẽ, nhằm thu hút 
sự chú ý của người xem. 


Cụm từ ấn định thời gian (lời chào hàng có thời hạn nhất định). 
Phiếu giảm giá (tùy chọn). 

Tên doanh nghiệp. 

Dia chỉ doanh nghiệp và số điện thoại. 


Số fax, địa chỉ e-mail hoặc địa chỉ trang Web - những tùy chọn này 
phụ thuộc vào loại hình doanh nghiệp. Ví dụ, một nhà cung cấp dịch 
vụ Internet phải cung cấp địa chỉ e-mail và địa chỉ trang Web, bởi 
khách hàng có thể muốn liên hệ với họ thông qua những kênh này. 
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Một phần tư 
trang. 
81⁄2x11 


Nửa trang 
8% x 11 đặt 
ngang 
Nửa trang Một phần 
Toài 
METH 82x11 ba trang 
đặt dọc 8⁄2x11 


Hình 12-10 Các kích thước giấy tiêu chuẩn dùng cho tờ rơi. 
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Các luu y khi thiét kë 


Khóng phái lúc nào tà roi cüng cán có hinh ánh truc quan, cháng han nhu 
tranh minh họa, ảnh chụp hay hình vẽ minh họa có sẵn, mà chính sự vắng 
mặt của những hình ảnh này giúp tờ rơi tập trung vào phần typography 
thật hấp dẫn, dë đọc, thể hiện một thông điệp súc tích. Dùng chữ để lôi 
cuốn khán giả và khuyến khích họ xem xét việc chấp nhận lời chào hàng 
mà bạn đưa ra. Hãy lập chiến lược đặt các phiếu giảm giá ở những vị trí 
mà độc giả có thể dễ dàng cắt rời chúng khỏi tờ rơi (Hình 12-11). 


Nếu bạn dự định dùng phiếu giảm giá, hãy đọc đi đọc lại nội dung 
để đảm bảm đoạn văn bản này tách bạch hẳn ra và không có bất cứ kế 
hở nào trong lời chào hàng trên phiếu giảm giá. Đừng để lời chào hàng 
trên phiếu giảm giá không có thời điểm kết thúc; hãy giới hạn khung 
thời gian cho phép, nói rõ những sản phẩm hoặc dịch vụ nào nằm trong 
điện khuyến mãi và phiếu giảm giá sẽ được quy đổi tại địa điểm nào 
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Hình 12-11 Hãy đặt phiếu giảm giá trên tà rơi ở những vi trí mà độc giả có thể dễ dàng cắt rời ra được. So sánh 
cách đặt vị trí phiếu giảm giá trên tờ rơi có thiết kế rất kém hiệu quả ở bên trái với cách đặt vị trí phiếu giảm giá 
trên tờ rơi thiết ké rất hợp lý ở bên phải. Vi trí tối ưu của phiếu giảm giá là nằm ở một góc hoặc chiếm toàn bộ một 
phần ba đỉnh hay đáy của trang giấy. 


Mon-Sat бам- 6р 
(555) 565-5666 — 


P CL UE" 
[Om E 5 ЫҸ 


uk tự риби ili uera. 


CHƯƠNG 12 CÁC DU ÁNTIÊU BIẾU 283 


(Hình 12-12). Hãy lặp lại tên doanh nghiệp, địa chỉ, số điện thoai và câu 
slogan trên phiếu giảm giá cùng với lời chào hàng của phiếu giảm giá. 
Trường hợp độc giả cắt phiếu giảm giá ra, cất nó vào ví và vứt bỏ phần 
thân của tờ rơi là rất phổ biến, nên hãy đảm bảo rằng phiếu giảm giá là 
bản thu nhỏ của tờ rơi. Xem lại thông tin trên tờ rơi, sau đó lặp lại những 
thông tin thiết yếu trên phiếu giảm giá, cho dù ở kích thước nhỏ hơn. 


Các hướng dẫn trên phiếu giảm giá 


Hãy đặc biệt chỉ tiết khi viết nội dung của phiếu giảm giá - hẳn là bạn 
không muốn “cho không cả trang trại” chỉ vì để lọt một kẽ hở do câu chữ 
mập mờ. Phiếu giảm giá phải có: 


e Giá trị của lời chào hàng trên phiếu giảm giá (ví dụ như giảm 2 
USD (trong đó, USD là cách viết của đô la, đơn vị tiền tệ chính 
thức của Mỹ, ký hiệu là $); giảm 20%; mua 1 tặng 1 miễn phí). 


• Ngày hết hạn, bao gồm năm hết hạn. 


• _ Bất cứ quy định hoặc trường hợp loại trừ nào đối với việc quy đổi 
phiếu giảm giá. 


e Tên công ty, logo và dia chỉ nơi có thể quy đổi phiếu giảm giá. 
• Só điện thoại (tùy chọn). 


* Slogan của công ty (tùy chon). 


gift 


coupon 


The Scratching Post 


he Scr hing Post 


š, The Scratching Post 
Anytown, USA, 00010 


Mon-fa† 8am-8pm 
(555) 555-5666 


S5 


u] 
*expires 3/10/( 


Hình 12-12 Tránh thiết kế những phiếu giảm giá không đầy đủ thông tin như phiếu giảm giá ở hình bên 
trái. Một phiếu quà tặng giảm giá (gift coupon) được thiết kế cẩn thận (hình bên phải) không những hấp dẫn 
vé hình thức mà còn trình bày chỉ tiết về lời chào hàng (giảm $5), ấn định khung thời gian (phiếu có hiệu lực 
(expire) đến ngày 3/10/04), logo của doanh nghiệp (The Scratching Post - tạm dịch: Trạm Cào cấu), địa chỉ 
(1001 Feline Way, Anytown, USA, 00010), giờ mở cửa (8 giờ sáng đến 8 giờ tối, từ Thứ 2 đến Thứ 6), slogan 
(Specializing іп care for cats - tạm dịch: Chuyên chăm sóc mèo) và số điện thoại ((555)-555-5666). Phiếu ghi 
16: Có giá trị quy đổi khi mua đồ chơi có tổng tri giá trên $10 (Redeemable on toy purchases totalling over $10). 
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Tò rơi được đặt trên các kích thước giấy tiêu chuẩn hoặc một phần 
của các kích thước giấy tiêu chuẩn. Những tờ rơi nhỏ (một phần tư, một 
phán ba hoặc một nửa trang giấy tiêu chuẩn, thường là kích thước 81⁄4” x 
117) yêu cầu trang thiết kế phải được giảm thiểu xuống để chỉ còn là bản 
thiết kế với những thông tin thiết yếu nhất. Bạn sẽ phải cân bằng giữa 
hình vẽ đồ họa và văn bản khi cố gắng điển vừa tất cả các thông tin đó 
trên trang. Mục tiêu là phải đưa vào những thông tin cán thiết, mà không 
làm cho thiết kế trở nên rẻ tiền vì chứa quá nhiều thứ trên trang. Các tờ 
rơi lớn, với kích thước 11” x 17” cung cấp nhiều không gian cho thông tin 
hơn và đây là cơ hội để thiết kế theo kiểu giống như poster. 


Нау xem xét khả năng in tờ rơi trên loại giấy rẻ tién hơn để cát giảm 
chỉ phí. Một cách kinh tế để mô phỏng hai màu trên một tờ rơi là in một 
màu trên giấy in có màu. Thường thì màu in sẽ là màu đen, vì các nhà in 
thường tính phí mực in màu đen thấp hơn, nhưng nếu tạo tờ rơi bằng 
máy photocopy, bạn có thể sao chép bằng mực đen; hoặc, nếu chỉ cần 
vài bản sao màu, bạn sẽ sao chép trên máy photocopy màu hay máy in 
kỹ thuật số. 


BANNER 


Banner (biểu ngữ) là những sign (ký hiệu) cỡ lớn nhắm tới mục đích là 
có thể truyền đạt nhanh một thông điệp đã được đơn giản hóa. Chúng 
thường được treo trên các cửa hiệu, phủ trên mặt tiền của những tòa nhà 
cao tầng, treo bằng dây ở phòng tập thể dục, chạy ngang qua các khán 
đài và buộc rủ xuống ở cột đèn. Thông điệp và chủ để của chúng thay đổi 
từ các buổi bán hàng đại hạ giá ngày khai trương, buổi diễu hành ngày lễ 
Quốc khánh cho đến các slogan trong buổi tựu trường và hơn thế nữa. 


Kích thước cũng như chiều hướng của banner thay đổi phụ thuộc 
vào khoảng không gian sẵn có để treo nó và khoảng cách đọc dự kiến. 
Ví dụ, để một banner ngày tựu trường dé đọc đối với hàng trăm người 
từ khoảng cách của một sân bóng dá, banner đó phải lớn hơn rất nhiều 
so với banner treo trên trần một cửa hàng được đọc từ cách đó vài foot 
(trong đó, foot là một đơn vị chiểu dài trong một số hệ thống khác nhau, 
bao gồm Hệ đo lường Anh và Hệ đo lường Mỹ; số nhiều của foot là feet; 
ký hiệu là ft hoặc đôi khi là ”; 1 foot = 30,48 cm). 


Các lưu ý khi thiết kế 


Banner, do tính đơn giản của chúng, đòi hỏi phải sử dụng thật hiệu quả 
hình vẽ đồ họa, chữ, màu sắc, hình dạng và thành phần trực quan, chẳng 
hạn như đường nét. Vốn nhắm tới mục đích xem được từ một khoảng 
cách lớn, nội dung của banner cần ngắn gọn và đi thẳng vào vấn để (Hình 
12-13). Số từ càng ít thì kích thước của banner càng lớn, giúp tăng tính 
dë đọc từ khoảng cách xa. Các chữ nhỏ trên banner thường không thể 
đọc được từ xa và vì thế, thông điệp của chúng bị đánh mất. Do đó, chữ 
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Hinh 12-13 Hãy giữ cho chữ trên banner thật ngán và đặt kích thước point ở mức lớn nhất có thể, Trên tám 
banner này, hình vẽ đồ họa duy nhất cùng văn bản lớn đã góp phần nâng cao phong cách và độ rõ ràng cho. 
mẫu thiết kế. 


cẩn được tăng kích thước tương ứng khi bạn gia tăng khoảng cách đọc. 
Có gắng không sử dụng quá tám từ trên một banner, ưu tiên dùng ít hơn 
sáu từ. Hãy dùng những font chữ Sans serif kiểu bold để làm tăng tính rõ 
ràng khi đọc từ khoảng cách xa. 

Banner nằm ngang có hiệu quả nhất đối với phần chữ, bởi chữ có thể 
“chảy” một cách tự nhiên ngang qua khoảng không gian trên đó, thay vì 
phải gạch nối (“bẻ gãy” từ trong tiếng Anh) hoặc ngắt câu trong trường 
hợp đặt theo chiểu dọc (Hình 12-14). Người ta thường đọc văn bản 
đặt trên một đường nằm ngang nhanh hơn so với văn bản bị gạch nối. 


Antique Tract- 
or Shouư 


Hình 12-14 Binh dạng dọc khiến chữ 
bị gạch nối (chữ "Tractor" bị cắt thành 


і П “Tract-or” sử dung dấu gạch nói "^^. Нау 
City Fairgrounds May so sánh cách xử lý chữ vụng về trên tám 
4-6 banner theo chiều dọc này với cách xử 


lý chữ duyên dáng hơn hẳn trên tấm 
banner theo chiều ngang ở Hình 12-13. 
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Tuy nhién, nhüng banner vói rát ít chü (tit mót dén ba ti) dugc düng dé 
nhìn ở khoảng cách gần hon có thể đặt theo chiểu dọc mà không đánh 
mất đi quá nhiều tính rõ ràng. Xin nhắc lại, tỷ lệ (giữa các chiều) của tám 
banner phụ thuộc vào từng dự án; nếu vẽ tấm banner trên một cuộn giấy 
dài, bạn có thể đặt chiều cao và chiều rộng tùy ý. Nếu chọn dùng máy tính, 
bạn cần biết rằng rất nhiều máy photocopy hoặc cửa hàng in nhanh có thể 
in những tám banner màu đen có kích thước lên tới 18” x 48”. Nếu ngân 
sách của bạn lớn, bạn có thể in file với đẩy đủ các lượt màu (full-color file) 
ở một hãng dịch vụ máy tính lớn, chẳng hạn như với kích thước mà các 
nhà thiết kế đổ họa chuyên nghiệp thường dùng, đó là in trên những cuộn 
giấy có kích thước 31⁄4ˆ x 12“ ("là ký hiệu của foot; 1 foot = 30,48 cm) 
hoặc thậm chí lớn hơn. Ngành công nghiệp in ấn đang phát triển với cuộc 
cách mạng công nghệ kỹ thuật số và gán nhu ngày nào cũng có những 
máy in mới có khả năng in với nhiều kích thước khác nhau được tung ra 
thị trường. Để có được bức tranh rõ ràng hơn về những kích thước in mà 
hãng dịch vụ máy tính tại địa phương bạn có thé in được, hãy goi trực tiếp 
cho họ và đưa ra yêu cầu. Nếu bạn có ý thức về chỉ phí và chỉ cần làm duy 
nhất một tấm banner, cách khác là bạn có thể thử in file đầy đủ các lượt 
màu của mình lên các mảnh giấy in khổ nhỏ bằng máy in phun (ink-jet) 
hoặc máy in laser, sau đó xếp những mảnh đó lại và dùng keo dán chúng 
lên bảng xốp (foamboard) hoặc bảng poster (Hình 12-15). 


Một điểm quan trọng cần lưu ý đối với banner là môi trường treo 
chúng. Hãy chọn những màu tương phản với môi trường đó để làm cho 
tấm banner nổi bật hẳn lên. Ví dụ, nếu banner sẽ được treo ngang qua 


Hình 12-15 Có thể in các tấm banner 
lớn dưới dạng những hình nhỏ trên khổ 
giấy 8" x 11” sau đó ghép chúng lại với 
nhau để tạo thành một tấm banner lớn. 
Các nét đứt trên tấm banner này dùng để 
chỉ mép của những trang giấy dùng để 
ghép hình. 


CHUONG 12 CÁC DỰ ÁN TIÊU BIỂU 287 


những hàng gạch đỏ trên mặt tién của một tòa nhà cao tầng, bạn phải 
tránh để nền đỏ trên banner vì e rằng màu đỏ này sẽ lẫn vào màu gạch; 
màu trắng hoặc vàng thuần khiết cho độ tương phản tốt hơn, khiến tấm 
banner nhìn từ con phố trông bắt mắt hơn. Tại đây, tôi muốn có đôi lời 
cảnh báo trước, đó là các thành phố thường có những quy định rất chặt 
chẽ về việc treo banner và biển hiệu trên không gian bên ngoài những 
cửa hàng hay tòa nhà cao táng, nên hãy đảm bảo rằng bạn sẽ hỏi ý kiến 
của các cơ quan chức năng trong thành phố trước khi treo banner. Tiền 
phạt có thể rất cao nếu banner không tuân thủ theo luật của thành phố, 
hoặc giấy phép treo banner là diéu khoản bắt buộc nhưng chưa được trả 
tién để mua. Hãy xin ý kiến của các cơ quan chức năng trong thành phố, 
ban giám hiệu trường học, chủ cho thuê đất và hội đồng xét duyệt của 
khu dân cư trước khi treo banner. Nghiên cứu trước một chút mức độ 
phù hợp của banner khi treo ở bể mặt không gian bên ngoài sẽ giúp bạn 
khỏi tốn kém thời gian và công sức vào một dự án có thể không được 
phép treo lên. 


POSTER 


Poster (áp phích) là những định dạng lớn, chỉ có một trang, được dùng 
để thông báo cho độc giả về lịch trình, các sự kiện đặc biệt, những lời 


1. tổ 3 p.m. Hình 12-16 Ví dụ về một poster quảng 
2593 Gregor Avenue bá cho mót su kién dàc biét. Cách xú ly 
bức ảnh và chữ sinh động, vui tươi giúp 
định rõ tinh thần của sự kiện này. 
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GHI CHÚ 


Poster dugc tao ra vói 
moi kích thuóc và ty lé 
(proportion). Mót só kích 
thước poster thường gặp 
nhất là 11” x 17", 12” x 16", 
13” x 197 16” x 207, 18” x 
24 và 25“x 38". 


Hình 12-17 Những từ và cụm từ quan 
trọng nhất được nhấn mạnh trên tấm 
poster này nhằm mục đích truyền tải 
phần cốt lõi của thông điệp tới độc giả 


nhanh nhất có thể. 


chào hàng hiện có, hoặc nhằm tăng cường hiểu biết vé mục đích hoạt 
động, về công ty, tổ chức dịch vụ và những địa điểm đặc biệt (Hinh 12-16). 
Poster được trưng bày ở các địa điểm công cộng và nhắm tới mục đích 
xem được từ khoảng cách xa. Do đó, thông tin phải thật rõ ràng, chữ và 
hình vẽ đồ họa cán được sắp xếp sao cho chúng có thể thu hút được sự chú 
ý của độc giả. Poster được thiết kế tốt thường có tuổi đời lớn hơn so với 
mục đích ban đầu - nhiều người thường treo poster tại văn phòng và nhà 
ở để trang trí cùng với ảnh chụp, tranh vë và các loại bản in khác. 


Các lưu ý khi thiết kế 


Poster chủ yếu được trưng bày ở các địa điểm công cộng và nhắm tới 
mục đích là người qua đường có thể nhìn thấy được từ xa. Vì vậy, cần 
tinh chỉnh thiết kế này để tăng tối đa tính rõ ràng khi nhìn từ xa, trong 
khi vẫn truyền tải được tinh thần của thông điệp. Văn bản cẩn đơn giản 
và ngắn gon; hình ảnh phải khơi gợi và thú vị. Hình ảnh mà ban sử dung 
cần tôn lên được phần nội dung chủ để và bắt mắt đối với đối tượng khán 
giả mục tiêu mà tấm poster đang nhắm tới. Một tấm poster được thiết 
kế cẩn thận cán đặc sắc, rõ ràng, truyền tải được thông điệp và sử dụng 
hình ảnh phù hợp với chủ để. 


Nhiều khi, các thiết kế poster chỉ là một tác phẩm ghép từ một loạt 
thiết kế có liên quan với nhau, chẳng hạn như những chiếc áo cộc tay, mũ 
bóng chày, cốc cà phê, thậm chí là các thiết kế hình ảnh động (motion 
design). Trong trường hợp này, sẽ rất hữu ích nếu nhà thiết kế biết trước 
được cẩn phải có bao nhiêu đối tượng liên quan, bởi điểu này gây ảnh 
hưởng tới kết quả của tấm poster cuối cùng. Ví dụ, nếu một nhà thiết kế 
biết rằng một tấm poster sẽ còn được trình bày dưới dạng banner quảng, 
cáo thiết kế hình ảnh động, cô ta có thể chọn đặt banner theo hướng 
nằm ngang, nhằm giúp nó phát huy hiệu quả tốt hơn với định dạng nằm 
ngang chiếm ưu thế lớn trong các tấm banner quảng cáo thiết kế hình 
ảnh động (Bảng màu 27 và Bảng màu 28, Chương 10). 


Hiện trạng một số poster sẽ có rất nhiều chữ cán chèn vào khoảng 
không gian của nó là không thể tránh khỏi. Trong trường hợp này, cách 
xử lý tốt nhất là chọn ra những từ, cụm từ hoặc câu thiết yếu nhất và nhấn 
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mạnh chúng, đồng thời thiết lập nén một biểu dó thị giác về cách hiển 
thị thông tin (Hình 12-17). Hãy sử dụng màu sắc, cách căn gióng và 
những typography thú vị để thu hút thị giác của người xem. Mục đích 
chính là khiến cho những người qua đường cảm thấy thích thú với mẫu 
thiết kế tới mức phải đến gần hơn để đọc nốt phần còn lại của văn bản. 


BẢN TIN 


Bản tin (newsletter) là ấn bản có số lượng trang thiết kế được giới hạn, 
thường được các doanh nghiệp dùng để cung cấp thông tin cập nhật 
về kinh doanh và nhân sự, thông báo cho khách hàng về những đợt ấn 
hành và nâng cấp sản phẩm, cũng như nhìn nhận lại các dịch vụ kinh 
doanh. Bản tin không cần phải là những ấn bản nhiều trang khổng lồ 
mới có thể cập nhật hiệu quả các địa chỉ trong danh sách gửi thư của bạn 
về những hoạt động của doanh nghiệp - thường thì bản tin chỉ gồm một 
hoặc hai trang cũng đã đem lại rất nhiều hiệu quả. Những bản tin nhỏ 
hơn giúp người nhận đọc nhanh hơn và chúng cũng dễ sản xuất hơn. 
Trước cái thời mà trên bàn của ai cũng có một chiếc máy tính không 
lâu (nếu như bạn cũng là người hoài cổ giống tôi), việc thiết kế bản tin 
mất rất nhiều thời gian và chỉ phí sản xuất rất tốn kém. Chúng hầu như 
chỉ nằm trong địa hạt của các nhà thiết kế đồ họa chuyên nghiệp hoặc 
những chuyên gia về quan hệ công chúng (public relations - PR), nguyên 
nhân chủ yếu là do chỉ phí dùng vào việc thiết lập chữ và sắp chữ cơ khí 
để in. Tuy nhiên, các bản tin ngày nay rất dễ sản xuất nhờ máy tính và rất 
dé in thông qua nhiều phương tiện khác nhau, chủ yếu là máy photocopy 
hoặc in nhanh tại các nhà in. 


Bản tin thường phức tạp hơn rất nhiéu so với hình thức bé ngoài của 
chúng, với rất nhiều thành phán cần tích hợp thành một thiết kế tổng thể 
dễ chịu và đễ đọc. Bản tin dễ thiết kế nhất là những bản tin chỉ có một 
hoặc hai trang. Đối với những người phải thiết kế - hoặc dự định sẽ thiết 
kế - những bản tin dài hơn, lời khuyên cho các bạn là hãy bắt tay vào công 
việc càng sớm càng tốt. Sẽ tốn một khoảng thời gian lớn đến mức kinh 
ngạc để có thể hòa hợp được tất cả các thành phần của bản tin với nhau 
và làm cho chúng trông thật đẹp mắt. Hãy giữ cho công việc tiến triển ổn 
định, tổ chức những thành phần khác nhau của bản tin và áp dụng các 
nguyên lý thiết kế vào quá trình làm việc để có được bản tin hiệu quả hơn. 


Các thành phần tiêu chuẩn của bản tin 


Những bản tin nhất quán và được tổ chức tốt nhất thường lặp lại các 
thành phần từ lần phát hành này sang lần phát hành khác. Một số thành 
phán trong đó là các bảng để tên (nameplate), slogan, bảng chứa muc 
lục (bảng này liệt kê những thay đổi về nội dung phản ánh trong lần 


^ 
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MÁCH NHỎ 

Dùng typeface chữ co cho 

các tiêu dé và tiêu dé phụ 
. cho phép bạn sử dụng chữ 

lớn hơn trong cùng một 
. không gian thiết kể. 


Hình 12-18 Bản tin 
này đặt phần bảng đề 
tên ở bên lề để tạo ra 
diện mạo đặc trưng. 


phát hành đó), thông tin xuất bản và thông tin địa chỉ thư tín nếu bản tin 
này ở dạng gửi không cẩn phong bì. Bảng để tên thường được đặt ở trên 
cùng của bản tin, hoặc thậm chí là xấp xỉ một phán ba tính từ trên xuống, 
trong trang thiết kế; đôi khi, bảng này cũng được viết dọc một cạnh và 
đặt ở mép trái của trang (Hình 12-18). Slogan thường được tích hợp vào 
thiết kế bảng để tên và được coi như một bộ phận của phần này (Hình 
12-19). Thông tin xuất bản bao gồm tên tổ chức, logo, địa chỉ và số điện 
thoại, giúp độc giả liên hệ với nhà xuất bản để cung cấp ý kiến bình luận, 
đóng góp hoặc phản hồi. Thông tin địa chỉ thư tín đóng vai trò rất quan 
trọng đối với những bản tin không cần phong bì và phải được tính đến 
trong kế hoạch thiết kế. Hãy để dành chỗ cho tên doanh nghiệp, logo và 
địa chỉ có kèm tên phố, cũng như các nhãn địa chỉ người nhận. Những 
thành phần khả thi khác có thể bao gồm trong bản tin là (nội dung của 
những thành phần này sẽ thay đổi tùy từng bản tin): 


e Các bài viết ngắn, phóng sự nhanh. 
e _ Truyện cười và những giai thoại hài hước ngắn gon. 
e Trích dán. 


Ít nhất ba bài viết một trang (hãy viết thật ngắn gọn để dễ dàng 
lướt nhanh nội dung). 


e Muc câu hỏi và đáp án. 
Danh tiếng và giải thưởng (của doanh nghiệp). 


. 


be fit, be healthy, be your best 


m 
ELS Hình 12-19 (Phía trên) Câu slogan 


Su и тетет. Nam eu 


feugiat ulla ler teme “be fit, be healthy, be your best" (tam 


€ dich: ^sóng khóe, sóng lành manh, 
sống tốt nhất”) là một phán nội tại 
của thiết kế bảng đề tên "in health" 


(tam dich:"(vi) sức khỏe'). 


Kích thuóc tiëu chuán 


Bàn tin có rát nhiéu kích thuóc nhung cho dén nay, kích 
thước phổ bién nhất vẫn là một trang đơn 81⁄2” x 11” được 
in cả mặt trước và sau, hoặc một trang đơn 11” x 17" được 
gấp thành bón trang 81⁄4” x 11”. Có thể dễ dàng tăng số lượng 
trang cho định dạng kích thước thứ hai bằng cách gấp thêm 
những tờ 11” x 17” bổ sung; theo cách này, ta có thể có được 
bản tin 8, 12, 16 hoặc 20 trang (Hình 12-20). Tuy nhiên, bản 
tin dày hơn sẽ tốn thời gian thực hiện hơn và tiến dần đến 
mức độ phức tạp của một tạp chí cỡ nhỏ. 


Các lưu ý khi thiết kế 


Một cái bẫy mà những người mới vào nghề thường gặp khi 
thiết kế bản tin là thường cố gắng làm cho mọi lần phát hành 
đều trông thật khác biệt. Họ thay đi đổi lại bảng tên; họ loay 
hoay với số lượng cột, độ rộng cột và thử nghiệm với những 
tiêu để cùng loại chữ khác nhau trong mỗi lần phát hành. 
Điều này nhanh chóng chiếm rất nhiều thời gian. 


Một cách tiếp cận tốt hơn với thiết kế bản tin là cố gắng 
duy trì tính nhất quán. Hãy lặp lại những đặc tính và thành 
phần như bảng để tên, logo, thông tin liên hệ và bảng mục 
lục qua các bản tin, đồng thời giữ cho kích thước và cách căn 
gióng của chúng được nhất quán. Chọn một kích thước và 
typeface cho phần văn bản, một kích thước và typeface khác 
cho phán tiêu để, tiêu để phụ rồi dùng chúng trong mọi lần 
phát hành. Ấn định một cấu trúc ô lưới (grid structure), trong 
đó định rõ độ rộng các cột và lé của trang thiết kế. Chọn một 
phương án căn gióng rồi tích cực theo sát kế hoạch đó. Căn 
gióng vững chắc sẽ củng cố một cách trực quan phán văn bản 
nội dung, đồng thời tạo ra phán văn bản nội dung rõ ràng và 
có tổ chức, giúp người đọc dễ theo dõi. Căn gióng vững chắc 
cũng khiến cả trang thiết kế trông rõ ràng và có chủ đích hơn. 


Hình 12-20 Cách gấp bản tin. Hình trên cùng là trang giấy 11” 
x 17" chua gấp; khi gấp lại, trang giấy 11"x 17” này tạo ra bản tin 
với bốn trang 8%” x 11" (hình thứ hai từ trên xuống); một bản 
tin tám trang sử dụng hai tờ giấy 11” x 17” gấp lại (hình thứ ba 
từ trên xuống); và cuối cùng, bản tin 8” x 11” được gấp đôi, tạo 
thành một bản tin không cần phong bì (hình dưới cùng). 
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GHI CHÜ 


Những bán tin lớn được 
gấp thành trang 11” x 17” 
từ trang ban đầu có kích 
thước 22” x 34” được gọi 
là các bản tin ván (tabloid). 


MÁCH NHỎ 


Để kiểm tra độ bền của 
trang giấy mà bạn định 
dùng làm bản tin, hãy gấp. 
một bản tin giả từ trang giấy 
trắng (dùng đúng số trang 
mà bạn định sử dụng trong 
bản tin) và tự gửi qua bưu 
điện cho mình. Nếu bản tin 
giả này chịu được thử thách 
của bưu điện, hãy tiếp tục 
sử dụng loại giấy đó; bàng 
không, hãy thử dùng một 
loại giấy dày hơn. 


GHI CHÚ 


Khi sử dụng chữ in hoa 
lớn thả xuống ở đầu đoạn 
(drop cap) trên bản tin, 
hãy cố dùng không quá ba 
lần trên một trang. Đồng 
thời, bạn cũng nên xem lại 
аё đảm bảo các chữ in hoa 
đó không ghép với nhau 
thành từ gi đó có thể khiến 
bạn bối rối. 


Một lưu ý quan trọng khác khi thiết kế mà bạn phải sớm quyết định 
về dự án này là cách thức bạn sẽ phân phối bản tin. Bản tin với mục 
đích phân phối rộng rãi sẽ là loại gửi mà không cần phong bì, hoặc là 
loại được gửi bưu điện trong phong bì. Loại gửi mà không cần phong 
bì là các bản tin được gấp đôi, với trang cuối được dành cho mục đích 
thư tín; thường thì nửa dưới chứa những thông tin in sẵn là tên doanh 
nghiệp, logo, địa chỉ, với thật nhiều khoảng trống chừa lại cho bưu điện 
và nhãn địa chỉ. Các đầu mép ở nửa bên trong của bản tin được củng cố 
bằng keo dán, nhằm giữ cho trang giấy dính chặt với nhau. Những, bản 
tin này thường giữ được tình trạng tốt khi đi qua hệ thống máy móc của 
bưu điện. Tuy nhiên, cần tránh sử dụng giấy nhẹ vì những loại giấy này 
thường được chuyển đến các hòm thư trong tình trạng nhàu nát, nhăn 
nhúm, đôi khi còn bị rách tả tơi. Những loại bản tin khác thường không 
bị gập lại và được đặt trong phong bì để gửi qua thư. 


Có một số lưu ý đặc biệt mà bạn cần tính đến khi thiết kế từng loại 
bản tín. Bản tin không cán phong bì giúp tiết kiệm chỉ phí mua phong 
bì, nhưng bạn sẽ phải tránh đặt nội dung thư ngỏ của ban bién tập ở nửa 
dưới trang cuối của loại bản tin này, bởi khoảng không gian đó là dành 
cho mục đích thư tín. Một số ấn tượng thị giác sẽ mất đi khi người xem 
phải mở bản tin ra thì mới thấy được bảng để tên và trang mở đầu. 


Ban cũng cần đảm bảo rằng có đủ lượng keo dính hình tròn để củng 
cố các mép rời của bản tin dạng gấp, giúp nó có thể dë dàng đi qua hệ 
thống máy móc tự động của bưu điện. Thông thường, một miếng keo là 
đủ nhưng các loại giấy nhẹ có thể phải cần đến hai miếng, mỗi miếng ở 
gần một đầu mép giấy. Chỉ dùng một miếng keo dính cho loại giấy nhẹ 
có thể dẫn đến nguy cơ các đầu mép của trang giấy bị lật ra và nhiều khả 
năng sẽ bị nhăn nhúm, thậm chí rách nát. 


Bản tin được gửi qua thư trong các phong bì sẽ tốn kém hơn một 
chút, nhưng lại có ưu điểm là trình bày được đẩy đủ, không bị gập, sử 
dụng toàn bộ bể mặt của trang mở đầu. Sẽ có nhiều chỗ hơn dành cho. 
thư ngỏ của ban biên tập, bởi khác với bản tin không cần phong bì, trang 
cuối không cán dành ra một phần cho thông tin thư tín. Phong bì thư 
được niêm phong cũng cho phép đưa thêm những vật nhỏ hoặc có kích 
thước khác thường vào, chẳng hạn như phiếu giảm giá, giấy nhắc việc, 
vé hoặc sản phẩm mẫu, điều này tiện lợi hơn so với bản tin không cán 
phong bì rất nhiều. 
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LY LICH CÁ NHÀN 


Lý lịch cá nhân (résumé) là những trang tóm tắt vé thành tích đã dat 
được của một cá nhân, bao gồm trình độ học vấn, nghề nghiệp và các 
hoạt động xã hội. Với mục đích dùng làm tài liệu tham khảo nhanh dành 
cho người sử dụng lao động tiểm năng, lý lịch cá nhân tối ưu nhất là ở 
dang một trang hoặc dài không quá hai trang. Lý lịch cá nhân đài hơn sẽ 
khiến người sử dụng lao động tiểm năng nghỉ ngờ rằng nó được phóng 
đại để làm dày thêm bảng thành tích. 


Lý lịch cá nhân là những tài liệu khá tẻ nhạt mà người sử dụng lao 
động bắt buộc phải đọc qua. Chúng thường là các bản tóm tắt chỉ bao 
gồm những thông tin thực tế tổng kết về quá trình làm việc của một 
cá nhân, vốn rất khô khan và về bản chất thì rất đậm tính thương mại. 
Mục đích của chúng không nhằm để giải trí hay mua vui, mà đơn giản là 
truyền tải thông tin nghề nghiệp thiết yếu. Nhằm giúp cho việc đọc lý lịch 
cá nhân của bạn bớt mang tính nghĩa vụ, hãy áp dụng các nguyên lý thiết 
kế cho typography và bố cục trên trang thiết kế, đặc biệt là hai nguyên lý 
của sự căn gióng và nhấn mạnh. Hãy sử dụng thật nhiều khoảng trắng, 
tiêu để phụ cùng các thành phần trực quan như ô và đường thẳng để tổ 
chức trang, đồng thời thiết lập một biểu đồ thị giác rõ ràng. Phương án 
tổ chức mạch lạc sẽ trợ giúp người sử dụng lao động tiềm năng tập trung 
vào các thông tin phù hợp với những yêu cẩu do chính họ để ra. Những 
bản sơ yếu lý lịch thiếu rõ ràng bắt buộc người sử dung lao động tiém 
năng phải đọc kỹ phần văn bản - và, thành thật mà nói thì nhiều người 
trong số họ sẽ không làm như vậy. 


Các phương án căn gióng nhất quán đóng vai trò đặt biệt quan trọng 
đối với lý lịch cá nhân. Căn gióng vững vàng sẽ tạo ra một đường hướng 
rõ ràng để mắt người đọc bám theo khi đọc trang thiết kế. Sức mạnh của 
bố cục cũng thể hiện một cách trực quan kỹ năng tổ chức của bạn, đồng 
thời giúp cải thiện ấn tượng chung về trang thiết kế. Tránh sử dụng văn 
bản căn giữa trong lý lịch cá nhân. Văn bản căn giữa hầu như luôn mang 
vẻ rất nghỉ thức và các rìa nham nhở bất thường khiến cách tổ chức văn 
bản trông thật sự yếu ớt. Xem xét thật kỹ bản lý lịch cá nhân để tìm ra các 
lỗi nhỏ nhất trong căn gióng văn bản, khoảng cách chữ cũng như những 
lỗi nghiêm trọng hơn. Hãy coi lý lịch cá nhân như một mẩu quảng cáo 
nhỏ vé kỹ năng của bạn và đọc rà soát lai nó thật cẩn thận. 


Một lưu ý cuối cùng về lý lịch cá nhân: Luôn luôn và luôn luôn kiểm 
tra chính tả. Lý lịch cá nhân thường là cơ hội duy nhất để bạn truyền tải 
những phẩm chất của mình đến người sử dụng lao động tiểm năng - các 
từ viết sai chính tả hẳn nhiên không chứng minh rằng bạn có phẩm chất 
tốt và biết chú ý đến tiểu tiết. 


MÁCH NHỎ 

Hãy tổ chức bản lý lịch cá 
nhân thành những. vùng 
riêng biệt với tên gọi là 
những từ khóa đặc trung, .. 
chẳng hạn như Trình độ 
học vấn (Education) Kỹ 
năng (Skills), Kinh nghiệm 
làm - việc. (Employment), 
Bằng khen và giải thưởng 
(Honors and Awards) Vị trí 
hiện tại (Present Position),.. 
Sử dụng những từ khóa 
được nhấn mạnh làm các 
tiêu đề phụ giúp người đọc 
nhanh chóng xác định được 
vị trí của những mục mà 
họ quan tâm, Sử dụng các 
tif khóa có liên quan đến vị 
trí ứng tuyển; ví dụ, thay М 
dùng từ Kỹ năng (Skills), một 
nhà thiết kế đồ hoa có thể. 
dùng từ Kỹ năng sử dụng 
máy tính (Computer Skills). 
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BÌA SÁCH 


Bia sách (book jacket) bao gồm rất nhiều kích thước, chủ để và có nhiều 
giải pháp thiết kế thị giác khác nhau. Vì nội dung sách vốn trải rộng 
trên nhiều chủ đề, nên chúng cho phép nhà thiết kế có được cơ hội thú 
vị để khám phá, phát kiến, kèm theo đó là phạm vi sáng tạo rộng rãi. 
Chúng có thể đơn giản, phức tạp, mang tính thử nghiệm, giới hạn về 
màu hoặc đa màu sắc. Đa số bìa sách đều là sự pha trộn của chữ và hình 
ảnh; tuy nhiên, cũng có những bìa sách chỉ bao gồm toàn typography, 
bìa bọc dưới dang tranh minh họa và bìa bọc dưới dạng ảnh chụp. Dù 
với phong cách thị giác nào thì những giải pháp thiết kế thị giác thành 
công cũng phải gắn chặt với nội dung cùng chủ dé của sách, đồng thời 
khuyến khích người mua cầm sách lên và mở phần nội dung ra xem. 


Rất nhiều cuốn sách là những sản phẩm riêng biệt và cho phép các 
thiết kế đặc trưng, độc lập, trong khi những cuốn sách khác có thể là 
một phần của các bộ sách bị bó buộc trong phong cách chung đã được 
ấn định trước cho cả bộ sách đó. Bìa sách hoạt động dưới rất nhiều yêu 
cầu về thiết kế tương tự như poster, cụ thể là nó phải hiệu quả khi nhìn 
từ xa cũng như khi đặt trên tay người xem. Việc người mua có quyết 
định chọn một cuốn sách trong tiệm sách hay không phụ thuộc vào mức 
độ hấp dẫn về mặt thị giác của bìa sách đó; người mua thường đưa ra 
quyết định này ngay khi còn đang tiến tới kệ sách. Sự cạnh tranh trong 
ngành công nghiệp sách là vô cùng khắc nghiệt, vì vậy sức cuốn hút về 
mặt thị giác của bìa sách chính là một công cụ bán hàng chủ chốt. Nhìn 
chung, bìa đầu của cuốn sách được thiết kế để thu hút ánh nhìn, trong 
khi bìa cuối thể hiện những đoạn thông tin giúp làm nổi bật nội dung 
của sách. 


Các lưu ý khi thiết kế 


Với phạm vi sáng tạo rộng rãi đến mức khó tin khi thiết kế bìa sách, 
việc định sẵn một bộ quy tắc cứng nhắc và nhanh gọn sẽ gần như vô 
nghĩa. Cuộc cạnh tranh khốc liệt dẫn dắt các nhà thiết kế đến chỗ phá 
bỏ những quy tắc để có thể tạo ra được sản phẩm đặc trưng. Ngoài ra, 
mỗi nhà xuất bản đều có những bộ yêu cẩu và quy ước riêng; do vậy, 
trước khi bắt tay vào thiết kế một bìa sách, bạn cần hỏi rõ về những 
thông số công việc như kích thước, số lượng màu, ngân sách,... Các 
hạn chế có thể gặp phải khi thiết kế bìa bọc ngoài bao gồm việc cuốn 
sách là ấn bản thứ nhất, thứ hai hay thứ ba,...; đối với lần xuất bản đầu 
tiên, bìa sách thiết lập một điện mạo đặc trưng, dễ nhận biết cho toàn 
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bó tác phám mà háu hét nhà xuát bàn sé rát ngai tit bó ë nhüng án bàn vé 
sau. Diéu này không đồng nghĩa ràng, các nhà xuất bản không chấp nhận 
những giải pháp mang tính thử nghiệm và đổi mới đối với bìa sách của bất 
kỳ lần thay ấn bản nào. Các nhà xuất bản, bất chấp những yêu cầu của họ, 
thường vẫn háo hức ngóng chờ những giải pháp thị giác mới mẻ, độc đáo 
như một cách để làm tăng doanh số và giới thiệu một cách nhìn nhận tươi 
mới, cập nhật. Các nhà thiết kế thường trình cho nhà xuất bản một bộ nhỏ 
gồm một số bìa sách để họ lựa chọn (Bảng màu 29, Chương 10). Điều này 
giúp giới thiệu nhiều giải pháp khả thị, từ giải pháp an toàn đến sắc sảo, 
bao gồm cả mọi giải pháp nằm giữa hai thái cực đó. 


Bất chấp thực tế có rất nhiều giải pháp thị giác đối với thiết kế bìa 
sách, một khảo sát trên các bìa sách tại một cửa hàng sẽ tiết lộ một số đặc 
điểm chung giữa chúng. Các trang bìa trước thường hiển thị tựa sách 
và tên tác giả; trang bìa cuối thường chứa những đoạn văn mang tính 
miêu tả về nội dung cuốn sách; gáy sách liệt kề tựa sách, tác giả, logo của 
nhà xuất bản; cùng với đó là các hình ảnh truyền tải những thông tin 
quan trọng về nội dung sách. Các cuốn sách thuộc về cùng một bộ sách 
thường có logo hoặc tên của bộ sách đó và những thành phần thiết kế đã 
được chuẩn hóa, giúp biểu thị rằng chúng là một phần của bộ sách đó. 
Phối hợp giữa các thiết kế bìa bọc ngoài trong cùng một bộ sách có nghĩa 
là thiết lập một phong cách nhất quán về bố cục, lựa chọn chữ, màu sắc 
và lựa chọn hình ảnh (chẳng hạn như tất cả các bìa sách đều sử dụng ảnh 
chụp hoặc đều dùng tranh minh họa). Thiết kế bìa cho một bộ sách liên 
quan đến nhiều điểm cần lưu ý đối với từng cuốn, cả trên danh nghĩa một 
tác phẩm riêng biệt lẫn một phẩn của một bộ sách mang những đặc trưng 
dë nhận biết. Lựa chọn typeface và hình ảnh sao cho hiệu quả trên cả bộ 
sách liên quan đến khá nhiều điểm cần tính trước. Tuong tự, một cuốn 
sách có cung cấp đĩa CD đi kèm cũng cẩn tạo được một phong cách thị 
giác chung (Bảng màu 30, Chương 10). 


Với bất kỳ cuốn sách nào, bất kể có phải là một phần trong một bộ 
sách hay không, lựa chọn về chữ và hình ảnh phải phối hợp ăn ý với 
nhau về mặt thị giác, nhằm truyền đạt một thông điệp về nội dung của 
sách cũng như concept mà nhà thiết kế muốn truyền tải. Vì đặc điểm 
của bìa sách cũng giống như của một tấm poster nhỏ, nên lựa chọn về 
typeface và hình ảnh là những công cụ chủ chốt của nhà thiết kế, giúp 
thiết lập nên một diện mạo trực quan giàu tính thông tin và một công cụ 
bán hàng hiệu quả. Các giải pháp thiết kế bìa sách thành công cần phải 
thật bắt mắt, nổi bật so với đối thủ cạnh tranh, đồng thời đem đến cảm 
nhận mạnh mẽ về nội dung của sách. 


296 PHÁN BA CÁC DỰ ÁN VÀ NGUÓN TÀI NGUYÊN 


BlA VÀ NHÁN DÍA CD 


Bia dia CD (CD cover) thuc hién rát nhiéu chúc nàng gióng nhu bia 
sách (book cover), và với cùng mục đích cạnh tranh. Tương tu bìa sách, 
chúng cẩn cuốn hút về mặt thị giác, truyền tải được cảm nhận về nội 
dung, nổi bật so với các đối thủ cạnh tranh, đồng thời hiển thị những 
thông tin quan trọng về tựa để và tác giả. Với CD phần mềm, các nền 
tảng tương thích và yêu cầu về cấu hình thường được liệt kê trên bìa 
dia, trong khi bìa của CD ca nhạc hiển thị những hình ảnh gợi nhắc đến 
phong cách âm nhạc. Giống như bìa sách, các giải pháp thị giác khả thi 
thay dói tit tranh minh hoa, ành chup, typography cho tói su két hgp 
giữa chữ và hình ảnh. Khác với bìa sách, bìa dia CD ca nhạc thường làm 
nổi bật một số hình ảnh cụ thể để chỉ ra những nét đặc trưng của ban 
nhạc hoặc tác giả đó: Một tấm ảnh chụp, bức chân dung hoặc logo của 
ban nhạc. CD âm nhạc, do sự đa dạng về phong cách âm nhạc, thường 
đem đến cơ hội để các nhà thiết kế tập trung vào những tranh minh họa 
sáng tạo, mang tính thử nghiệm. Rất nhiều bìa ảnh cho bản ghi âm trở 
thành những vật phẩm được sưu tầm không chỉ vì nội dung của bản ghi 
âm mà còn vì tấm hình minh họa trên bìa. Ngoài ra, bản ghi âm kết hợp 
với một bộ các bản giao hưởng có thể được mở rộng phạm vi sản xuất 
thành một hoặc nhiều tấm poster. 


Các lưu ý khi thiết kế 


Hai tiêu chí quan trọng đối với bìa đĩa CD là chúng phải thu hút và biểu 
lộ trực quan cảm nhận về nội dung của CD đó. Phối hợp typography và 
hình ảnh trên bìa, nhãn đĩa (label) CD cùng sách nhỏ đi kèm (nếu có) 
là diéu kiện bắt buộc. Như đã dé cập ở trên, khi CD di kém theo một 
cuốn sách, phong cách thị giác của CD và cuốn sách đó phải tương hợp 
với nhau. 


TỔNG KẾT 


Dù đang thiết kế loại trang nào, bất kể tờ rơi, poster, bản tin hay lý lịch 
cá nhân,..., thì điểu quan trọng là bạn phải nhớ được mục đích của trang 
đó và đối tượng khán giả mà bạn nhắm tới. Trang hấp dẫn nhất về mặt 
thị giác có thể thất bại khi truyền tải thông điệp nếu bạn quá chú trọng 
vào việc tạo ra một trang thật “пріо”, chứ không phải một trang có khả 
năng giao tiếp với khán giả. Rất dë để chìm đắm vào việc sắp xếp các 
thành phần trực quan trên trang thiết kế: Di chuyển vị trí của chữ, hình 
vẽ đồ họa, đồng thời thử nghiệm về bố cục và cách căn gióng. Tuy nhiên, 
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thi thoảng bạn hãy lùi lại và tự hỏi bản thân: “Thiết kế như vậy đã hiệu 
quả chưa?” “Thiết kế đã nói được diéu mình muốn hay chua?” và câu 
hỏi quan trọng nhất là: “Khán giả có bị trang thiết kế này thu hút và hiểu 
được thông điệp trong đó hay không?” 


BÀI TẬP. 


Bài tập 1 


Bài tập này giúp bạn học được cách tạo ra các symbol (biểu tượng) hoặc 
icon (hình tượng) đơn giản. Chọn một từ trong danh sách dưới đây rồi 
tạo ra bốn symbol riêng biệt khác hẳn nhau, nhằm mô tả một cách trực 
quan ý nghĩa của từ đó. Hãy tạo những symbol này chỉ dưới dạng đen 
trắng, không có các sắc xám hay màu nào khác. Cố gắng giữ cho các 
symbol này thật đơn giản, rõ ràng và hấp dẫn. 


eye (con mắt) light bulb (bóng đèn) 
hand (bàn tay) automobile (xe hơi) 
man (nam giới) woman (nữ giới) 
tree (cái cây) 

Bài tập 2 


Tự nghĩ ra tên của một công ty hóa trang cho vật nuôi. Ban có thể thỏa 
sức sáng tạo với cái tên này; ngón từ chính xác là gì hoàn toàn tùy thuộc 
vào bạn. Hãy thiết kế logo cho doanh nghiệp chuyên hóa trang vật nuôi 
này. Logo của bạn có thể là một giải pháp gồm toàn typography, hoặc có 
thể là sự kết hợp giữa chữ và symbol. Tạo ít nhất 20 hình vẽ phác thảo 
nhỏ, sau đó chọn hai bức đẹp nhất và phát triển chúng thành bản thiết 
kế thô. Chọn bản thiết kế thô đẹp hơn trong hai bản này và tạo ra bố cục 
dàn trang cho bản thiết kế hoàn thiện cuối cùng. 


Một phần việc khi quyết định diện mạo logo là xác định xem đâu là 
tinh thần tổng thể của doanh nghiệp và họ phục vụ loại khách hàng nào. 
Ban sẽ phải quyết định xem đây là một công ty chính thức chuyên cung 
cấp dịch vụ cho những khách hàng chọn lọc, tôn quý, có lẽ còn cực kỳ 
giàu có, hay đây là một công ty bình dân chuyên hóa trang thú nuôi cho 
những con người bình thường ta vẫn gặp hàng ngày. Công ty này chỉ hóa 
trang cho chó và mèo hay còn hóa trang cho những loại thú vật ngoại lai 
khác? Liệu công ty có bán thêm các sản phẩm hóa trang hoặc đồ cung 
cấp cho thú nuôi không, hay họ chỉ hóa trang cho thú nuôi thôi? Hãy ghi 
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ra giáy nhüng suy nghi cüa ban vé tinh thán cüa cóng ty do ban tuóng 
tượng ra, sau đó bát tay vào thiết kế logo. Ghi vần tắt suy nghĩ trên giấy së 
giúp bạn hoạch định chiến lược thị giác cho thiết kế logo. Hãy tập trung 
nỗ lực vào việc tính toán logo cho đúng ý bạn, vì các dự án tiếp theo đều 
dựa trên ý tưởng của bạn về logo này và về doanh nghiệp. 


Bài tập 3 


"Thiết kế một bộ văn phòng phẩm cho công ty hóa trang vật nuôi nêu 
trên. Hãy dùng logo bạn đã tạo ở Bài tập 2, sau đó tạo ra danh thiếp, 
tiêu để thư và phong bì thư cho công ty này. Tự nghĩ ra địa chỉ, số điện 
thoại, số máy fax và tên người liên hệ của bộ văn phòng phẩm này (tham 
khảo phần bàn về bộ văn phòng phẩm trong chương để xác định chính 
xác thông tin nào cần đưa lên mẫu tài liệu nào). Thử nghiệm với nguyên 
lý của sự căn gióng, tương phản và nhấn mạnh, nhưng hãy luôn nhắm 
đến mục đích đạt được một điện mạo và phong cách nhất quán trên cả 
ba loại tài liệu. Thực hiện ít nhất 20 hình vẽ phác thảo nhỏ nhằm giúp 
bạn thử nghiệm hết các ý tưởng thiết kế của mình. Xem xét hiệu ứng mà 
trang màu có thể tạo ra trên thiết kế của bộ văn phòng phẩm này. 


Bài tập 4 


"Thiết kế một tờ roi bán hàng với kích thước 81⁄” x 11” quảng cáo giảm 
giá 20% cho tất cả các lần hóa trang vật nuôi trong thời hạn một tuần. 
Hãy dùng logo và địa chỉ mà bạn đã tạo ở hai bài tập trước, sau đó viết 
phần nội dung phù hợp để hỗ trợ cho concept của bạn. Sử dụng hình 
ảnh nếu nó có thể bổ trợ cho concept của bạn. 


Tham khảo mục “Một số gợi ý để viết nội dung hiệu quả” ở Chương 
1 để tìm ý tưởng khi đi vào chỉ tiết phần nội dung của bài tập này. Thực 
hiện ít nhất 20 hình vẽ phác thảo nhỏ để sửa soạn bố cục của tờ rơi trước 
khi ấn định mẫu thiết kế hoàn thiện cuối cùng. Hãy tạo bản thiết kế 
hoàn thiện cuối cùng bằng bất cứ phương tiện nào bạn chọn, bao gồm 
bút đánh dấu, bút chì màu, bút mực, bút chì hoặc máy tính và máy in. 


Bài tập 5 

Sắp xếp lại thiết kế tờ rơi của bạn rồi đưa thêm một phiếu giảm giá vào đó 
- lời chào hàng tùy bạn lựa chọn. Hãy đảm bảo rằng bạn hạn chế lời chào. 
hàng của phiếu giảm giá thật cụ thể, nhằm tránh “cho không cả trang trại” 
chỉ vì một phiếu giảm giá có câu chữ mập mờ hoặc vô thời hạn. 
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Bài tập 6 


Tìm một bản tin, sau đó thiết kế lại bảng để tên của bản tin đó. Tập trung 
vào sự tương phản và nhấn mạnh, sử dụng ít nhất hai typeface khác nhau 
trên bảng để tên được thiết kế lại này, chọn chúng từ một font chữ Serif, 
Sans serif và/hoặc một font chữ Decorative. Thực hiện ít nhất 20 hình vẽ 
phác thảo nhỏ để khám phá về kích thước, vị trí, màu sắc và giá trị trước 
khi tạo bản thiết kế hoàn thiện cuối cùng. 


Bài tập 7 


Dùng bản tin bạn tìm được cho Bài tập 6, hãy thiết kế lại bản tin đó. 
Phân tích ô lưới (grid) hiện có và tái sử dụng nó làm khung cho thiết kế 
của bạn. Bổ sung bất cứ hình ảnh nào mà bạn thấy cần thiết để hỗ trợ 
cho chủ để của các bài viết. Sử dụng bảng để tên bạn đã thiết kế ở Bài tập 
6 trong bản tin mới này. Chọn một typeface lấy từ thiết kế bảng để tên, 
sau đó tái sử dụng nó trên thiết kế bản tin ở phần tiêu để và tiêu để phụ. 
Khi cần, hãy rải thêm vào đó các đường ngang, tam giác, ký tự họa tiết 
trang trí hoặc các thành phẩn trực quan khác, nhằm nâng cao sự lặp lại 
cũng như dòng chảy trên thiết kế bản tin này. Tập trung vào dòng chảy, 
sự cân bằng, sự lặp lại và sự tương phản của các thành phần trên bản tin. 
Hãy tạo ra nhiều hình vẽ phác thảo nhỏ như mức bạn cảm thấy cần để 
tiến đến một giải pháp thiết kế khả thi. Tạo bản thiết kế hoàn thiện cuối 
cùng trên máy tính hoặc sử dụng bút đánh dấu, bút chì màu hay bút mực 
để làm bản tin mẫu. Đây là một gợi ý cho bạn. Nếu bạn vẽ thủ công bản 
thiết kế hoàn thiện của mình, hãy thay phần văn bản nội dung bằng một 
đường đơn giản. Đừng dành cả thế kỷ để ngồi tỉ mẩn sắp xếp thủ công 
phần văn bản nội dung có kích thước 8 point. Hãy vẽ một đường thẳng 
để mô phỏng chiều cao của phần văn bản nội dung và độ rộng cột mà 
bạn mong muốn, sau đó dành thời gian vào việc sắp xếp ký tự cho các 
tiêu để và tiêu để phụ. 


Bài tập 8 


Xác định một sự kiện đặc biệt, chẳng hạn như lễ hội hòa nhạc, buổi gây 
quỹ, buổi diễu hành, ngày nghỉ lễ hoặc một vở kịch và thiết kế hai tấm 
poster quảng cáo cho sự kiện đó. Phần văn bản trên poster phải bao gồm 
tên của sự kiện đặc biệt đó; ngày tháng, thời gian và địa điểm; kèm theo 
các thông tin đặc biệt khác thích hợp với sự kiện đặc biệt đó, chẳng hạn 
như sự kiện có một diễn giả hoặc danh nhân đặc biệt, hay những cá 
nhân quan tâm đến sự kiện cần đặt vé trước,... Thiết kế một phiên bản 
của tám poster, trong đó nội dung của poster chủ yếu được truyền tải 
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thông qua hình ảnh. Thiết kế tiếp phiên bản thứ hai của tám poster, sử 
dụng typography, tập trung vào lựa chọn màu sắc, kích thước, mức độ 
weight, vị trí và typeface để truyền tải concept thiết kế. Thực hiện ít nhất 
20 đến 50 hình vẽ phác thảo nhỏ trước khi tạo bản thiết kế hoàn thiện 
cuối cùng. Các thiết kế poster cuối cùng thường bị hạn chế bởi môi 
trường trưng bày chúng, nhưng để thuận tiện, hãy giữ cho những tấm 
poster này không lớn hơn 18” x 24”. Kích thước này là đủ lớn để bạn 
khám phá các định dạng poster cỡ lớn hơn mà không khiến cho không 
gian làm việc trở nên nặng nề. 


Bài tập 9 


Quay lại chủ để và các thiết kế poster mà bạn đã tạo ở Bài tập 8, hãy 
tạo một bộ từ hai đến bốn thiết kế banner cho sự kiện đặc biệt này. 
Kích thước của tấm banner, giống như poster, thường bị quyết định bởi 
concept và môi trường mà chúng được trưng bày. Với bài tập này, một 
lần nữa hãy giới hạn kích thước của banner không lớn hơn 24” theo bất 
cứ chiều nào (ví dụ, kích thước banner của bạn có thể là 14” x 24” hoặc 
24" x 10" hay bất kỳ cách kết hợp kích thước nào khác, miễn là không 
cao hoặc rộng quá 24”). Thực tế, rất ít banner có dạng vuông; chúng 
thường cao và mỏng, hoặc dài và mỏng. Thực hiện ít nhất 20 hình vẽ 
phác thảo nhỏ cho bộ banner này. 


Bài tập 10 


Tùy chọn: Các sự kiện đặc biệt đôi khi thường thiết kế tờ rơi, thẻ tên 
(nametag) và vé xem đặc biệt. Thiết kế ít nhất một trong số những mẫu 
trên cho sự kiện đặc biệt của bạn. Thực hiện ít nhất 20 đến 40 hình vẽ 
phác thảo nhỏ cho thiết kể này. 


Bài tập 11 


Bài tập này sử dụng nghiên cứu trực quan như một phương tiện để tăng 
cường nhận thức của bạn vé bìa sách. Hãy ghé thăm một cửa hàng sách 
hoặc thư viện địa phương và tìm ít nhất một ví dụ về các loại bìa sách 
sau đây: Chữ và hình ảnh, tranh minh họa và ảnh chụp. Đọc qua nội 
dung của cuốn sách đó. Phong cách thị giác của bìa sách có phù hợp 
với những nội dung trong cuốn sách đó không? Bìa sách có cung cấp 
cho bạn, người xem, một cảm nhận mạnh mẽ và chính xác về các nội 
dung của sách không? Bạn có bị bìa sách này cuốn hút không? Nó có 
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hấp dẫn về mặt thị giác không? Ghi nhớ trong đầu phong cách mà ban 
yêu thích và lý do bạn thích phong cách ấy. Hãy chuẩn bị sẵn sàng để 
thảo luận khi cần. 


Bài tập 12 


Chọn một cuốn sách tùy ý và thiết kế lại bìa của sách đó. Thay vì dùng 
lại hình ảnh đã có trên bìa sách, hãy xác định và sử dụng những hình 
ảnh mà bạn cảm thấy có thể hỗ trợ cho phong cách cùng cá tính của 
các nội dung trong cuốn sách đó. Kích thước, phong cách thị giác và 
màu sắc phải phù hợp với sách. Vẽ phác họa ít nhất 20 hình vẽ phác 
thảo nhỏ trước khi bắt tay vào thực hiện bản thiết kế hoàn thiện cuối 
cùng, Hãy chuẩn bị sẵn sàng để thảo luận và biện minh cho giải pháp 
thị giác của bạn: Tham khảo phán “Hướng dẫn phê bình tác phẩm” ở 
Chương 13 để trợ giúp bạn làm rõ các ý kiến của mình. 


Bài tập 13 


Тар lại Bài tập 11, ngoai trừ việc lần này bạn sẽ tìm kiếm bìa đĩa CD. 
Luu ý sự khác biệt, nếu có, giữa các phong cách thị giác của CD ca nhạc 
và CD chứa dữ liệu (chẳng hạn như CD phần mềm). Ngoài ra, hãy 
chuẩn bị sẵn sàng để thảo luận các ý kiến của bạn. 


Bài tập 14 


Hãy tưởng tượng về một nhóm nhạc hoặc chọn ra một nhóm đã có, sau 
đó thiết kế bìa và nhãn đĩa CD ca nhạc cho một trong các CD của họ. 
Nếu ban nhạc của dự án này là do bạn tưởng tượng ra, hãy nghe các tác 
phẩm của một ban nhạc đã có giống với phong cách mà bạn đã hình 
dung cho ban nhạc của mình. Nếu ban nhạc bạn chọn là có thật, hãy 
nghe thật kỹ các tác phẩm mà họ trình bày. Viết ra giấy bất kỳ concept 
hoặc hình ảnh nào nảy ra trong đầu bạn. Xác định những hình ảnh hỗ 
trợ có liên quan đến các ghi chú và ấn tượng của bạn về ban nhạc này. 
Phác họa ít nhất 20 hình vẽ phác thảo nhỏ trước khi bắt tay vào thực 
hiện bản thiết kế hoàn thiện cuối cùng. Khám phá thật nhiều về các 
concept trên bản vẽ phác thảo của bạn - CD ca nhạc thường đem đến 
những cơ hội tuyệt vời vé tiềm năng gây ấn tượng, nên hãy đẩy manh 
các concept thiết kế của bạn lên mức cao nhất có thể. Vấn dé quan 
trọng trong bài tập này là diện mạo bìa và nhãn đĩa CD phải phụ thuộc 
nhau như một phần của bộ sản phẩm. 


CÁC CÔNG CU 
VÀ TÀI NGUYÉN 
THAM KHÁO 


« Tăng cường khả năng tự phê binh tác 
phẩm của bạn - cùng với đó là khả năng 
nhìn nhận tác phẩm bằng con mắt hiểu 
biết, dựa trên những cảm nhận mạnh mẽ 
hơn về thiết kế. 


». Khảo sátmột danh sách thực nghiệm, nhằm 
xem xét các công cụ thiết kế điển hình nào 
là cần thiết để bắt đầu thiết kế trang. 


e Xem xét các gói phán mêm theo chuẩn 
ngành khác nhau cùng với bản mô tả về 
chức năng của chúng, trong khi vẫn tập 
trung hướng vào nhu cẩu sử dụng tiểm 
năng của chính bạn. 


e Làm quen với các nguồn hình ảnh, chữ 
và tài liệu để tiến hành xem xét cũng như 
nghiên cứu chuyên sâu hơn. 


Chương này để cập đến nhiều nguồn tài nguyên 
tham khảo mà bạn có thể xem xét, nhằm thu thập 
thêm thông tin về cách phê bình tác phẩm của 
chính mình và của những người khác; loại công. 
cụ thiết kế bạn cẩn dùng để theo đuổi công việc 
thiết kế trang của bản thân; danh sách các phần 
mềm thiết kế; kèm theo đó là những cuốn sách. 
hữu ích. 
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HƯỚNG DẪN PHÊ BINH TÁC PHẨM 


Khi phê bình một trang thiết kế, bạn đang đánh giá mức độ thành công 
và các giá trị mà một giải pháp (solution) có thể đem lại. Việc phê bình 
các dự án của bạn cũng như dự án của những người khác buộc bạn phải 
lài lại và nhìn vào tác phẩm của chính mình với cách nhìn nhận mới, 
nhằm kiểm tra lại mức độ thành công của giải pháp đó. Hãy tự hỏi bản 
thân những câu hỏi sau đây khi bạn tiến hành đánh giá dự án của mình: 
Mục đích và (các) mục tiêu của trang thiết kế này là gì? Trang có đáp 
ứng đầy đủ những mục đích và (các) mục tiêu đó hay không? Đối tượng 
khán giả mà trang này hướng đến là ai? Trang thiết kế này có giao tiếp 
được với đối tượng khán giả đó qua ngôn từ và hình vẽ đồ họa để họ hiểu 
được nó hay không? Ví dụ, nếu bạn đang tạo ra một báo cáo của công ty 
về thiệt hại tài chính tính theo quý, sẽ rất không phù hợp nếu bạn dùng 
những quả bóng bay vui tươi và hình vẽ đồ họa kiểu ruy băng phấp phới. 
Nếu còn nghi ngại, hãy hỏi một người bạn hoặc đồng nghiệp xem anh ấy 
hay cô ấy có hiểu được thông điệp mà bạn nhắn gửi không. Phần văn bản 
và phần hình ảnh có hỗ trợ được concept của trang đó không? Phần chữ 
có đễ đọc không? Trang thiết kế có hấp dẫn, rõ ràng và dễ đọc không? 
Ban có sử dụng các nguyên lý thiết kế hay không? Phong cách, màu sắc, 
kích thước và định dạng của trang có phù hợp không? Trang thiết kế có 
được thực hiện một cách tỉ mỉ theo lối thủ công và được trình bày một 
cách chuyên nghiệp không? Đừng đánh giá thấp tám quan trọng của 
việc thực hiện tỉ mỉ theo lối thủ công - hãy đảm bảo mọi thứ đều gọn 
gàng và sáng sủa, với tất cả các thành phán trực quan được căn gióng 
đều đúng với mục đích căn gióng đã đưa ra. Bạn muốn moi người chú 
ý đến thông điệp, chứ không phải bị sao nhãng bởi một trang được cấu 
trúc chưa hiệu quả. 


Việc phê bình tác phẩm của chính bạn và của những người khác là 
một quy trình mà càng luyện tập sẽ càng dễ dàng hơn. Càng phê bình 
nhiều, bạn càng có nhiều câu hỏi phê bình dành cho mình, từ đó bạn học 
được nhiều hơn. Bạn sẽ bắt đầu nhận ra rằng mình bị thu hút bởi một 
số phong cách cùng giải pháp nhất định nhiều hơn so với những phong 
cách và giải pháp khác. Thậm chí, có thể bạn còn đưa được điểm mạnh 
của phong cách đó vào tác phẩm của mình. 


CÁC CÔNG CỤ VÀ CÔNG NGHỆ THIẾT KẾ ĐIỂN HÌNH 


Nhiều năm trước, các nhà thiết kế đồ họa thường dành hầu hết thói gian 
làm việc của họ để vẽ các tấm biển với những công cụ truyền thống như 
bút đánh dấu, bút sắt chấm mực (ruling pen), bút kỹ thuật, ê ke, thước 
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tam giác, thước kẻ và dao trổ (X-acto knife). Đây là những công cụ vô 
giá đã có chỗ đứng trong “túi khôn” của nhà thiết kế trang, nhưng ngày 
nay, đa số nhà thiết kế trang đều tạo ra phần lớn tác phẩm của họ trên 
máy tính. Hầu như mọi thứ có thể tạo ra bằng tay đều có thể được tạo 
ra trên máy tính. Các gói phần mềm mạnh mẽ cung cấp những hiệu ứng 
đặc biệt mà hầu như không thể tạo được bằng tay, hoặc mất quá nhiều 
thời gian đến nỗi hầu hết mọi người đều ngán ngám khi nghĩ đến việc 
dành trọn nhiều ngày chỉ để vẽ một hiệu ứng đặc biệt mà với máy tính, 
ta có thể dë dàng đạt được. 


Có hai loại máy tính thịnh hành trong giới thiết kế đồ họa: Apple 
Macintosh và máy tính cá nhân (personal computer - PC). Da số nhà 
thiết kế đồ họa chuyên nghiệp đều sử dụng các máy tính Mac vì giao diện 
đồ họa (graphical interface) mạnh mẽ của chúng và khả năng sử dung 
dài hạn làm máy tính công nghiệp dành cho đồ họa, mặc dù ngày nay các 
máy tính PC cũng cung cấp được công năng cũng như giao diện hướng 
hình ảnh (picture-oriented interface) tương đương. Cả hai loại máy tính 
đều có thể dùng được cho cả nhà thiết kế trang theo thời vụ lẫn nhà thiết 
kế đồ họa chuyên nghiệp. Nhìn chung, số lượng phần mềm được tạo ra 
cho máy PC nhiều hơn số lượng phần mềm được làm cho máy Mac (đặc 
biệt là trò chơi). Tuy nhiên, các nhà sản xuất phần mềm đồ họa lớn, như 
Adobe và Macromedia chẳng hạn, đều tạo ra những chương trình thiết 
kế cho cả hai nền tảng (platform) này. 


Bạn cần những gì để bắt đầu thiết kế trang? 


Dụng cụ thủ công 


« Bảng vé (drawing board) hoặc bàn thao tác thủ công (drafting 
table) thật chắc chắn, vững chãi. 


e _ Giấy để vẽ phác họa các ý tưởng, có thể là giấy can trong suốt để 
vẽ mô phỏng hoặc giấy trắng thông thường (đừng dùng giấy ô ly 
hay giấy kẻ ngang, vì các đường kẻ sẽ bị coi là một phần của thiết 
kế mà không thể cải chính được). 


» _ Nhiều loại bút chì mềm màu den và các loại bút đánh dấu màu để 
dùng cho bản vẽ phác thảo. 
« Got bút chì. 


+ Thước kẻ làm bằng thép không gi, uu tiên loại 18” boặc dài hơn 
(loại thước kẻ đủ đài mà bạn có thể dùng để đo các thành tố trên 
loại giấy dùng cho tin vấn kích thước 11” x 17”). 
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» _ Nhiều thước tam giác với các kích thước và góc đo khác nhau. 
e Bô compa và thước đo góc để vẽ các đường tròn. 
* Éke. 


* Bàng keo độ dính thấp (low-tack masking tape) hoặc báng keo 
thủ công (drafting tape) (dé dính các trang lên bảng khi ban vë 
trén dó). 


* Băng keo trong (magic tape). 
* _ Tẩy loại tốt, sạch sẽ (tôi thích những cục lớn màu hồng). 


* Dao thủ công, chẳng hạn nhu dao trổ (X-acto) cùng thật nhiều 
lưỡi dao sắc và mới. 


* Bàng giấy ráp cắt dán làm khung tranh (cutting mattboard) “tự 
lành” (để tránh làm xước bề mặt của bàn thao tác thủ công). 


e _ Nhiều loại giấy có màu sắc và trọng lượng khác nhau. 
e Хі măng cao su và keo dính. 


» Bàng giấy ráp làm khung tranh màu đen, trắng hoặc xám (để dán 
các trang lên trong trường hợp bạn cẩn trình bày chúng một cách 
chính thức trước một ủy ban). 


* Binh xịt chất kết dính để dán các trang lên bảng giấy ráp (ĐỪNG 
BAO GIỜ, ĐỪNG BAO GIỜ sử dụng bình xịt chất kết dính trong 
không gian khép kín; hãy dùng chúng ở một khu vực thoáng khí, 
trải thật nhiều giấy báo để bảo vệ khu vực xung quanh khỏi bị tia xịt 
dính vào; thêm vào đó, ĐỪNG BAO GIỜ hít hơi xịt ra từ bình xịt 
chất kết dính vì hơi đó rất nguy hiểm! Tôi cảnh báo bạn như vậy!). 

Máy tính và phần mềm 

* Máy tính. 

e Máy scan để quét các artwork, ảnh chup.... 

e Máyin. 

+ Chucngtrinh vë, chẳng hạn như CorelDraw, Illustrator hoặc Freehand. 


* Chương trinh dàn trang, chẳng hạn nhu InDesign hoặc 
QuarkXPress. 


* Chương trình xử lý ảnh, chàng han như Photoshop hoặc 
Photoshop Elements. 


• Các CD chứa font chữ và hình vẽ minh họa có sẵn. 
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CHƯƠNG TRÌNH XUẤT BẢN TRÊN MÁY TÍNH 


Số lượng phần mềm xuất bản trên máy tính đa dạng tới mức chóng mặt. 
Một chuyến đi thực tế đến một cửa hàng máy tính địa phương sẽ cho bạn 
thấy một loạt phần mềm thiết kế và xuất bản, nhiều tới mức gây hoang 
mang. Các phần mềm được liệt kê trong mục này là một số phần mềm 
tốt nhất. Tôi đã bỏ qua số hiệu phiên bản của phần mềm, bởi ngành công 
nghiệp phần mềm thường xuyên đưa ra các phiên bản cập nhật của từng 
phán mềm. Khi mua phán mềm, hãy cố mua phiên bản mới nhất (bạn có 
thể đễ dàng lấy được thông tin này bằng cách đi dọc theo lối đi của cửa 
hàng máy tính), hoặc phiên bản mới thứ hai (đôi khi có sẵn tại các cửa 
hàng máy tính đã qua sử dụng). 


Adobe Photoshop 


345 Park Avenue (Đại lộ Công viên), San Jose, CA 95110-2704, (800) 
833-6687, (408) 536-6000, Fax: (408) 537-6000, www.adobe.com. 


Phần mềm thiết kế đồ họa chuẩn ngành dùng để chỉnh sửa và xử 
lý ảnh. 


Adobe Photoshop Elements 


Elements là phiên bản được đơn giản hóa của Photoshop và rất dë dùng 
đối với người mới vào nghề. 


Adobe Illustrator 


Chương trình vẽ minh họa cấp độ chuyên nghiệp dùng cho bản in, thiết 
kế Web và các cuộc trưng bày. Đây là chương trình rất mạnh mẽ, với các 
file có thể dë dàng được chuyển sang Photoshop để chỉnh sửa thêm cho 
bức ảnh. Adobe Illustrator được các nhà thiết kế đồ họa sử dụng rộng rãi. 


Adobe InDesign 


Chương trình dàn trang rất hiệu quả có khả năng xử lý nhiều định 
dạng file của các trình soạn thảo văn bản (word processing) và file ảnh. 
InDesign phù hợp với những dự án xuất bản nhiều trang, chẳng hạn như 
bản tin, tạp chí và sách. 
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Canvas 


ACD Systems of America Inc. (Công ty Hệ thống ACD của Mj), 1150 
NW 72 Avenue (Đại lộ Tây Bác 72), Suite 180 (Tòa nhà số 180), Miami, 
FL 33126, (305) 596-5644, Fax: (305) 406-9802, www.deneba.com. 


Một tập hợp phong phú bao gồm các công cụ dùng để thiết kế, vẽ 
tranh minh họa, chỉnh sửa ảnh, dàn trang và xuất bản Web. Chương 
trình này có giá thành rẻ đáng kinh ngạc, và ACD rất thành công trong 
việc mở những đợt bán phá giá đặc biệt định kỳ trên sản phẩm này. 
Thành thật mà nói, với sự linh hoạt và mạnh mẽ của Canvas, tôi ngạc 
nhiên vì rất nhiều nhà thiết kế dó họa chuyên nghiệp không sử dụng nó, 
Các nhà thiết kế Web và Internet rất khôn ngoan khi lựa chọn dựa trên 
sự linh hoạt cũng như giá cả phải chăng của sản phẩm này, họ đang sử 
dụng nó ngày càng nhiều hơn. 


CorelDRAW 


Corel Inc. (Công ty Corel), 8144 Walnut Hill Lane (Ngõ Walnut Hill), 
Suite 1050 (Tóa nhà só 1050), Dallas, TX 75231, (800) 772-6735, 
www.corel.com. 


Chương trình dó hoa bao gồm các công cu vẽ tranh minh họa, chỉnh 
sửa ảnh và dàn trang. Đây là một chương trình đồ họa có giá cả phải 
chăng và vô cùng mạnh mẽ. 


Corel Print House 


Chương trình phán mềm xuất bản tại nhà (home publishing software 
program) với các mẫu (template) sẵn có dùng để tạo thiệp mừng, lịch, 
banner, nhãn mác,... Đây là một sản phẩm tuyệt vời đành cho những người 
chỉ thi thoảng mới có nhu cẩu tạo trang, nhưng lại không muốn mất quá 
nhiều tiên để mua chương trình phần mềm dó họa chuyên nghiệp. 


Corel Painter 8 


Painter là chương trinh tạo ảnh kỹ thuật số giúp mó phóng những tác 

phẩm làm bằng tay như tranh sơn màu, tranh vẽ chì, tranh màu nước, | 
tranh vẽ bàng mực,... Chương trinh này rất phúc tạp với nhiều lớp tính 

năng nhưng rất đáng để học, thậm chí còn đáng giá hơn khi bạn muốn 

tạo những bức ảnh đẹp trông giống với tranh thật ngoài đời mà không 

phải động tay vào vẽ vời rắc rối. 
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Jasc Paint Shop Pro 


Jasc, 7905 Fuller Road (Đường Fuller), Eden Prairie, MN 55344, (952) 
934-8888, Fax: 952-930-9172, www.jasc.com. 


Paint Shop Pro là chương trình tạo ảnh kỹ thuật số và xử lý nhiếp ảnh 
với các tính năng dùng cho bản in và trang Web. 


Macromedia FreeHand 


Macromedia, Inc. (Công ty Macromedia), 600 Townsend Street 
(Phố Townsend), San Francisco, CA 94103, (800) 470-7211, 
www.macromedia.com. 


Chuong trinh dành cho trinh dó chuyén nghiép, düng dé in án, vë 
tranh minh họa và trưng bày. 


QuarkXPress 


Quark, Inc. (Cóng ty Quark), 1800 Grant Street (Phó Grant), Denver, 
CO 80203, (800) 676-4575 (goi nói dia trong nuóc My), (307) 772-7100, 
www.quark.com. 


QuarkXPress là chuong trinh dàn trang chuyén nghiép, düng dé 
tạo ra các mẩu quảng cáo, báo cáo, sách, bản tin, catalog (bản tổng 
kê sản phám),... 


CÁC NGUỒN HINH VË MINH HỌA CÓ SẴN VÀ CHỮ 


Dover Publications 


Dover Publications (Nhà xuất bàn Dover), 31 East (Phố Phía Đông), 2nd 
Street (Đường Só 2), Mineola, NY 11501-3852, Fax: (516) 742-6953, 
www.doverpublications.com. 

Dover xuất bản một bó sưu tập sách hinh vë minh họa có sẵn rất rộng, 
rãi, một số cuốn có CD di kèm. Dover là một nguồn truyền thống cung 
cấp những hình vẽ minh họa có sẵn giá rẻ cho các nhà thiết kế đồ họa. 
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Fonts.com 


www.fonts.com. 


Trang Web này cung cấp rất nhiều font chữ được tao bởi những hãng 
sản xuất chữ lớn, cùng với đó là các đường dẫn (link) hữu ích đến nhiều 
nguồn đổ họa, bao gồm cả đường dẫn đến các trang Web cung cấp font 
chữ miễn phí. 


Getty Images 


www.gettyimages.com. 


Getty Images là mót nguón tài nguyén rát lón cung cáp các tranh 
minh họa, ảnh chụp, phim và ảnh lưu trữ sẵn (archival image) cho các 
nhà thiết kế đồ họa chuyên nghiệp. Trang Web này nổi tiếng vì có rất 
nhiều bộ sưu tập ảnh chuyên nghiệp, thú vi. 


IMSI HiJaak PhotoART 


IMSI, Inc. (Công ty IMSI), 100 Rowland Way (Đường Rowland), 3rd 
Floor (Táng 3), Novato, CA 94945, (800) 833-8082, Fax: (415) 897-2544, 
www.imsisoft.com. 


Mót bó suu táp các hinh vé dó hoa trén Web, ành hoat hinh 
(animation), ảnh chụp và clip âm thanh dành cho máy Mac hoặc PC. 


Nova Development Art Explosion 


Nova Development Corporation (Công ty Phát triển Nova), 23801 
Calabasas Road (Đường Calabasas), Suite 2005 (Tòa nhà số 2005), 
Calabasas, CA 91302-1547, (818) 591-9600, Fax: (818) 591-8885, www. 
novadevelopment.com. 


Nova cung cáp dóng sán phám góm nhüng bó suu táp toàn dién bao 
góm các hinh vé minh hoa có sán dành cho cà máy Mac lán PC. Diéu 
khiến tôi thực sự đánh giá cao sản phẩm của Nova chính là họ cung cấp 
các catalog in sẵn, bao gồm các bức ảnh đi kèm với những CD chứa hình 
vé minh họa có sẵn, điểu này giúp cho quá trình tìm kiếm bức ảnh bạn 
cần trở nên dë dàng hơn. 
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ẤN PHẨM SÁCH VÀ TẠP CHÍ HỮU DỤNG 


Có vô số ấn phẩm sách và tạp chí hay ngoài kia để bạn khám phá chỉ tiết, 
tường tận hơn về typography, bố cục, thiết kế, xuất bản trên máy tính 
và quảng cáo. Dưới đây là danh sách tuyển chọn của tôi, bao gồm các 
cuốn sách và tạp chí mà tôi thấy hữu dụng nhất trong suốt nhiều năm 
qua. Chúng được trình bày không theo trật tự nhất định nào. Hãy cứ đọc 
danh sách này và để ý xem có điểu gì thu hút bạn không. 


Ames, Jim. Color Theory Made Easy (tam dịch: Tiếp cận lý thuyết màu 
sắc theo cách đơn giản). New York: Nhà xuất bản Watson-Guptill 
Publications, 1996. 


Hướng dẫn rất hay vé màu sắc của một hoa sỹ giỏi, ngoài ra 
còn cung cấp những hiểu biết nền tảng về cách pha màu (color 
mixing) và thuyết màu sắc. 


Beach, Mark và Kenly, Eric. Getting It Printed: How to Work with 
Printers and Graphic Imaging Services to Assure Quality, Stay on 
Schedule and Control Costs (tam dich: Dua bán thiét ké di in: Cách 
làm việc với nhà in và các dich vụ hinh ảnh đồ họa dé đảm bảo chất 
lượng, thực hiện đúng lịch trình cũng như kiểm soát chỉ phí), ấn bản 
lần ba. Cincinnati, Ohio: Nhà xuất bản North Light Books, 1999. 


Cuốn sách rất tuyệt vời này đã truyền tải được chính xác những 
gì đã hứa trên tựa để. 


Berry, Susan và Martin, Judy. Designing with Color: How the Language 
of Color Works, and How to Manipulate It in Your Graphic Designs 
(tam dich: Thiét kë vói màu sác: Ngón ngit màu sác vàn hành nhu 
thế nào và cách để làm chủ nó trên các máu thiết kế đồ hoa của 
bạn). Cincinnati, Ohio: Nhà xuất bản North Light Books, 1991. 


Một cuốn sách giới thiệu đầy đủ thông tin vé màu sắc, trong đó 
chỉ cho bạn thấy cách thức để đạt được đúng diện mạo và cảm 
nhận mà bạn mong muốn. 


Bruno, Michael H. Pocket Pal: A Graphic Arts Production Handbook 
(tam dịch: Dó bỏ túi: Sổ tay về sản xuất tác phẩm mỹ thuật đồ 
họa), ấn bản thứ mười bày. Memphis, Tenn.: Tổ chức Graphic 
Arts Technical Foundation, 2004. 


Một bản hướng dẫn ngắn gọn vé việc sản xuất tác phẩm mỹ thuật 
đồ họa. 
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Cohen, Sandee và Williams, Robin. The Non-Designerš Scan and Print 
Book (tạm dich: Sách hướng dán scan và in án cho dân thiết kế không 
chuyên), Berkeley, CA: Nhà xuất bản Peachpit Press, 1999, 


Cuốn sách này là nguồn học liệu rất hay, bàn về cách thức đưa 
những bản thiết kế qua các giai đoạn sản xuất và các giai đoạn 
trước khi ấn hành. 


Communication Arts Magazine (tạm dich: Tạp chí Mỹ thuật Truyén 
thông), Menlo Park, CA: Coyne & Blanchard, Inc. (Công ty Coyne 
& Blanchard). 


Communication Arts là một nguồn tài nguyên trực quan rất hay 
đành cho sinh viên cũng như nhà thiết kế chuyên nghiệp. Tạp chí 
này thường giới thiệu các mẫu thiết kế quảng cáo, thiết kế đồ họa 
và thiết kế tương tác (interactive đesign) cập nhật mới nhất. Tác 
phẩm đặc sắc được giới thiệu trong số báo về thiết kế thường niên 
của tạp chí trong lĩnh vực tranh minh họa, nhiếp ảnh, thiết kế 
tương tác hay thiết kế nói chung đều tràn đẩy cảm hứng và vâng, 
chúng thậm chí còn gây chút ít buổn rầu cho những người trong 
chúng tôi vốn chỉ là những tay thiết kế “thường thường bậc trung" 
“Trang Web của tạp chí là www.commarts.com. 


Eiseman, Leatrice. Pantone Guide to Communicating With Color (tam 
dich: Hướng dán của hàng Pantone vé Truyền thông với Màu sắc). 
Cincinnati, Ohio: Công ty TNHH GrafixPress, phân phối bởi 
North Light Books, 2000. 


Cuốn sách này thảo luận vé tâm lý học màu sắc, di kèm với nó là 
rất nhiều phương án kết hợp và ví dụ về màu sắc. 


HOW Magazine (tạm dịch: Tap chí NHƯ THẾ NÀO), Cincinnati, 
OH: Nhà xuất bản F&W Publications. 


Một nguồn tạp chí rất hữu ích khác chuyên giới thiệu các thiết kế 
đồ họa, thiết kế quảng cáo và thiết kế đa phương tiện (multimedia 
design) đương đại. Số báo tự quảng bá thường niên của tạp chí 
giới thiệu những mẫu marketing và tự quảng bá sáng tạo vô cùng 
đa dạng. Trang Web của tạp chí là www.howdesign.com. 

Landa, Robin. Graphic Design Solutions (tạm dịch: Giải pháp Thiết kế 
Đồ họa), ấn bản lần ba. Clifton Park, N.Y: Nhà xuất bản Thomson 
Delmar Learning, 2005. 


Một bản tổng quan sâu sắc về thiết kế đồ họa và quảng cáo. Rất 
nhiều ảnh chụp lấy từ các dự án thiết kế đồ họa chuyên nghiệp 
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dugc thuc hién bói nhüng nhà thiét ké danh tiéng. Landa thuc su 
là người am hiểu về chuyên món và biết cách truyền đạt kiến thức 
của mình đến người đọc. 


Photoshop User (tam dịch: Người düng Photoshop), Dunedin, FL: Nhà 
xuất bản Hiệp hội Quốc gia của Các chuyên gia Photoshop (The 
National Association of Photoshop Professionals). 


Tap chí này tập trung vào mọi vấn dé liên quan tới Photoshop, bao 
gồm các mẹo và bí quyết thuc tế. Bạn muốn học diéu gì đó thật 
tuyệt diệu về Photoshop u? Hãy mua cuốn tạp chí này và làm theo 
một trong các bài hướng dẫn để nhanh chóng có được cảm giác 
thành công. Trang Web của tạp chí là www.photoshopuser.com. 


PRINT Magazine (tạm dịch: Tạp chí IN ÁN), New York, NY: Nhà xuất 
bản F&W Publications. 


Các bài viết giới thiệu những nhà thiết kế đương đại và nhà thiết 
kế đã ghi tên trong lịch sử thiết kế, các vấn để thiết kế đương đại 
và công trình nghiên cứu vé ngành thiết kế. Điều hấp dẫn những 
người mới vào nghề là cuộc thi thiết kế trang bìa tạp chí thường 
niên của PRINT dành cho sinh viên và cuốn “New Visual Artist 
Review: 20 under 30” (tạm dịch: “Phê bình dành cho các gương 
mặt nghệ sỹ thiết kế thị giác mới ở độ tuổi 20 dưới 29”). Trang 
'Web của tạp chí là www.printmag.com. 


Spiekermann, Erik và Ginger, E.M.. Stop Stealing Sheep and Find Out 
How Type Works (tam dich: Đừng trộm sẵn citu mà hãy tìm hiểu 
xem chữ làm việc như thế nào), ấn bàn lân hai. Moutain View, CA: 
Nhà xuất bản Adobe Press, 1993. 


Cuộc hành trình rất hấp dẫn và đầy ắp thông tin về chữ. Chữ được 
giải thích theo ngôn ngữ hàng ngày, với các chỉ dẫn rõ ràng về cách 
lựa chọn và sử dụng chữ, nhằm cải thiện quá trình truyền thông 
tới độc giả. 


Ảnh được cát lọc đối tượng (silhouetted photo): 
Hình ảnh hoặc ảnh chụp có một phẩn chọn lọc 
bị loại bó (không bắt buộc phải là một phần theo 
chiểu ngang hay chiểu dọc như ảnh cắt xén). 


Bản thiết kế hoàn chỉnh (comprehensive, còn 
gọi là comp): Một thiết kế trang chỉ tiết, tinh tế 
(artwork), được dùng để đưa cho khách hàng 
đánh giá. 


Bản thô (rough): Ấn bản có số lượng trang thiết 
kế được giới hạn, thường có kích thước bằng 
hoặc tương đương 1⁄2 của hình phác thảo mẫu 
nhỏ ban đầu. Bản thô được dựng lên nhằm tỉnh 
chỉnh bố cục, typography, vị trí và các concept 
tổng thể. 


Bản tin (newsletter): Trang thiết kế được xuất 
bản với số lượng giới hạn, thường được các 
doanh nghiệp dùng để cung cấp thông tin cập 
nhật về kinh doanh và nhân sự, thông báo cho 
khách hàng về những đợt ấn hành và nâng cấp 
sản phẩm, nhìn nhận lại các dịch vụ kinh doanh, 
cũng như đánh giá lại các hoạt động và thành 
công của tổ chức. 

Bảng để tên (nameplate): Vùng thường nằm ở 
trên cùng của trang tin mặt trước của bản tin, 
chứa tên bản tin trình bày theo kiểu trang trí. 


Banner (biểu ngữ): Những sign (ký hiệu) cỡ lớn 
nhắm tới mục đích là có thể truyền đạt nhanh 
một thông điệp đã được đơn giản hóa. Banner 
thường được treo trên các cửa hiệu, phủ trên mặt 
tién của những tòa nhà cao tầng, treo bằng dây ở 
phòng tập thể dục, chạy ngang qua các khán đài 
và buộc rủ xuống ở cột đèn. 


Bát đối xứng (asymmetric): Cách thức trình bày 
văn bản mà tại đó, các dòng văn bản được thiết 
lập ở hình đạng khác thường với một vài hoặc bất 
cứ dòng văn bản nào được gióng thẳng với nhau. 


Biểu đồ thị giác (visual hierarchy): Việc sắp 
xếp các thành phẩn trực quan trên trang như 
chữ, hình dạng, hình vẽ đồ họa, đường kẻ và các 
thành phần khác trên một trang, dựa theo thứ tự 
nhấn mạnh (mức độ quan trọng) của chúng. 


Bộ văn phòng phẩm (stationery set): Bao gồm 
mẫu tiêu để thư, danh thiếp và phong bì thư. Bộ 
văn phòng phẩm còn được gọi là bộ nhận diện 
doanh nghiệp (business identity set), bộ nhận 
điện tổ chức (corporate identity set) hay các hệ 
thống doanh nghiệp (business systems). 


Cân bằng bất đối xứng (asymmetrically 
balance): Một bố cục mà tại đó, tác động thị giác 
của các thành phần trực quan được phân bổ hợp 
lý trên trang để đạt được sự cân bằng hài hòa. 
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Cân bằng đối xứng (symmetrically balance): 
Một bố cục mà tại đó, các thành phần trực quan 
đối xứng gương (mirror) từ bên này sang bên kia, 
hoặc từ trên xuống dưới. 


Căn đều bên phải (flush right): Văn bản được 
gióng thẳng bên phải trong khi vién bên trái được 
phép dàn tự nhiên theo kiểu nhấp nhô. Kiểu căn 
gióng này còn được gọi là căn phải, hay nói theo 
cách truyền thống là căn thẳng phải/nhấp nhó 
bên trái. 


Căn đều bên trái (flush left): Văn bản được gióng 
thẳng bên trái trong khi viền bên phải được phép 
dàn tự nhiên theo kiểu nhấp nhô. Kiểu căn gióng 
này còn được gọi là căn trái, hay nói theo cách 
truyền thống là căn thẳng trái/nhấp nhô bên phải. 


Căn giữa (centered): Những dòng văn bản có 
các điểm giữa được căn gióng và các cạnh trái 
lẫn phải đều được cho phép “chảy” tự nhiên trên 
trang theo kiểu nhấp nhô. 


Cát xén (cropping): Việc cắt bó theo mép ngang 
hoác doc cüa mót büc ành. 


Chay vòng quanh đối tượng (runaround): Kiểu 
căn gióng văn bản mà tại đó, dòng chữ chạy bao 
quanh một bức ảnh, hình ảnh, hình vẽ đồ họa hay 
một số thành phẩn khác. Một số chương trình 
máy tính gọi kiểu căn gióng này là bao văn bản 
xung quanh đối tượng (text wrap). 


Điểm nhấn (accent): Các trọng tâm thứ hai, thứ 
ba,... trên một bố cục, nổi bật rõ hơn so với các 
điểm quan trọng khác trên trang. 


Định dạng (format): Kích thước, hình dạng và 
chức năng của một thiết kế. Mỗi loại dự án khác 
nhau sẽ có một định dạng khác nhau (một tấm bưu 
thiếp có kích thước 2" x 3 1/2" có định dang khác 
biệt đáng kể so với một tấm poster có сб 16" x 20”. 
Dòng chảy (flow): Các đường dẫn trực quan 
về sự dịch chuyển hình ảnh và ngôn từ (visual 
and verbal path of movement) giúp hướng thị 
giác của người xem dõi theo một trang hoặc một 


chuỗi các trang. Đây cũng là một nguyên lý thiết 
kế trọng yếu. 


Font (phông chữ): Tất cả các ký tự (chữ cái, số, 
ký tự in hoa, ký tự in hoa nhỏ, symbol) trong một 
typeface đều được thiết lập ở một kích thước 
point cụ thể. 


Font họa tiết: Loại font dùng những ảnh trang 
trí nhỏ thay thế cho chữ cái. 


Gestalt: Một cấu trúc, cấu hình hoặc bố cục 
có những thuộc tính riêng biệt, trông thú vị và 
thống nhất hơn là sự tổng hợp (chắp vá) đơn giản 
các phần riêng rẽ của nó. 


Hai lề đều thẳng (justified): Văn bản có các 
cạnh trái và phải đều được căn gióng, còn được 
gọi theo cách truyền thống là căn thẳng phải/căn 
thẳng trái. 


Hình dạng cụ thể (concrete): Kiểu căn gióng 
văn bản mà tại đó, văn bản được tạo thành một 
hình thù hoặc vật thể nào đó. 


Hình phác thảo mẫu nhỏ (thumbnail sketch): 
Những bản phác thảo vẽ nhanh ý tưởng của các 
nhà thiết kế, nhằm khởi tạo và nắm bắt nhanh 
các ý tưởng. 


Hinh/nén (figure/ground): Đây là một thành tố 
quan trọng của nghệ thuật tạo hình, giúp chúng ta 
nhận diện và phân biệt trực quan các đối tượng 
(hình) với nền (ground) của chúng. 


Họ chữ (type family): Toàn bộ nhóm các 
kiểu chữ liên quan đến nhau (như italic, bold, 
condensed hoặc extended) được dựa trên một 
typeface duy nhất. 


Kerning: Sự chỉnh sửa khoảng cách giữa hai 
ký tự riêng biệt, nhằm nâng cao hình thức của 
thiết kế. 

Khoảng trắng (white space): Vùng không gian 
trên trang không chứa bất cứ thành phần trực 
quan nào như văn bản, hình ảnh hoặc đường kẻ. 


Kiéu chü (type style): Nhüng phiën bàn bién 
dói cüa typeface ban dáu, chàng han nhu: Italic 
(nghiêng), bold (dám), condensed (co) hoặc 
extended (gián cách). 


Lật ảnh (flopping): Sự đổi hướng của bức ảnh từ 
phía này sang phía khác để tạo ra ảnh đối xứng 
gương của ảnh gốc. 

Leading (khoảng cách dòng): Khoảng không 
gian theo chiểu dọc giữa các dòng chữ. 


Letterspacing (khoảng cách ký tự): Khoảng 
không gian nằm giữa các ký tự và chữ cái riêng rẽ. 


Logo: Sự kết hợp giữa chữ và hình vẽ đồ họa, đại 
diện cho đặc điểm nhận diện của doanh nghiệp, 
hội nhóm, dự án, thương hiệu hoặc cá nhân. 


Logotype (kiểu chữ cho logo): Một tên gọi được 
cấu thành từ nghệ thuật typography hoặc cách 
sắp chữ (lettering) độc đáo, đại diện cho đặc 
điểm nhận diện của doanh nghiệp, hội nhóm, dự 
án, thương hiệu hoặc cá nhân. 


Nội dung (content): Từ, cụm từ/câu và hình vẽ 
đồ họa trên một trang thiết kế, 


Ó lưới (grid): Một hệ thống các đường ngang và 
đọc dùng để phân chia trang nhưng không hiển 
thị trên trang được in ra, có tác dụng hỗ trợ nhà 
thiết kế căn gióng các thành phán trên trang một 
cách nhất quán. 

Pica: Một đơn vị đo bố cục truyền thống, trong 
đó: 12 point = 1 pica, 6 pica = 1 inch. 
Pictograph (biểu hình): Một symbol (biểu 
tượng) hoặc icon (hình tượng) được dùng trên 
phạm vi quốc tế để vượt qua rào cản ngôn ngữ. 
Point: Một đơn vị đo văn bản truyền thống. 72 
point (72 pt) thì bằng 1 inch. 

Poster (áp phích): Những định dang lớn, chỉ có 
một trang, được dùng để thông báo cho độc giả 
vé lịch trình, các sự kiện đặc biệt, những lời chào 
hàng hiện có, hoặc nhằm tăng cường hiểu biết về 
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mục đích hoạt động, về công ty, tổ chức dịch vụ 
và những địa điểm đặc biệt. 


Sans serif: Có nghĩa là “không có chân” (hay nói 
chính xác hơn là “không chốt nét”). Đây là một 
kiểu typeface Sans serif. 


Script (chữ viết tay): Một kiểu typeface có các 
nét chữ mềm mại, bay bổng. 


Serif (chốt nét): Một nét kết thúc nhỏ trên các 
đáng chữ, được gắn vào các đầu mút của dáng chữ. 


Square serif (Chữ chốt nét kiểu vuông): Một loại 
typeface mà tại đó, các serif có hình dạng vuông 
уїс kiểu block (khối) hay hình slab (ván) móng. 


Sự cân bằng (balance): Cách bố trí các thành 
phần trực quan trên một trang để đạt được một 
bố cục hài hòa và rõ ràng. 


Sự căn gióng (alignment): Mối liên hệ trực quan 
giữa những từ, hình dạng, hình vẽ dó họa, ảnh 
và đường kẻ trên một trang khi các cạnh hoặc 
trục của chúng được gióng thẳng với nhau. Đây 
là một nguyên lý thiết kế trọng yếu có thể giúp 
nâng cao đáng kể tính tổ chức cũng như hình 
thức chuyên nghiệp cho một trang. 


Sự đóng kín (closure): Nguyên lý Gestalt này 
chỉ ra rằng như một lẽ tự nhiên, con người có xu 
hướng khép kín các khoảng hở thành một hình 
thù, đặc biệt là những hình thù quen thuộc. 


Sự lân cận (proximity): Những thành phần được 
đặt gần nhau về mặt không gian trông gần giống 
như các thành viên của một nhóm. 


Sự lặp lại (repetition): Nguyên lý thiết kế phát 
biểu rằng việc lặp lại các dòng, hình dạng, ảnh, 
màu sắc, họa tiết/cấu trúc bể mặt (texture) và 
các thành phẩn trực quan khác trên một trang 
sẽ giúp tạo nên một thiết kế thống nhất, gắn kết. 
Sự liên tục (continuation): Sự liên tục xảy ra khi 
mắt đõi theo một đường thẳng, đường cong hoặc 
một dãy hình, ngay cả khi chúng cắt ngang các 
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hình âm duong. 


Sự nhấn mạnh (emphasis): Nguyên lý thiết kế 
phát biểu rằng thành phán quan trọng nhất trên 
trang phải nổi bật nhất, thành phần quan trọng 
tiếp theo phải nổi bật thứ hai, cứ như vậy cho tới 
các thành phần khác. 


Sự thống nhất (unity): Có thể đạt được sự thống 
nhất này khi tất cả các thành phần tách rời trên 
một trang, như đường kẻ, hình dạng, hình ảnh, 
tiêu để, văn bản nội dung và những đối tượng 
khác trên trang, trông như thuộc về nhau. 


Sự tương đồng (similarity): Nguyên lý Gestalt này 
phát biểu rằng các thành phán trực quan có hình 
dạng, kích thước, màu sắc, phương hướng và chuyển 
động giống nhau được coi là thuộc một nhóm. 


Sự tương phản (contrast): Nguyên lý thiết kế phát 
biểu rằng các thành phẩn trực quan trên một trang 
nên có sự phân biệt rõ ràng. Nguyên lý này được 
sử dụng để tăng thêm tính đa dạng trực quan cho 
bố cục, giúp mọi thứ trên trang không bị đơn điệu. 


Symbol (biểu tượng): Một sign (ký hiệu) hoặc icon 
đơn giản dùng để đại diện cho một thứ khác. Ví dụ, 
chim bồ câu đại diện cho concept về hòa hình. 


'Tất cả các ký tự in hoa (all caps): Còn được goi 
1а all capital letters. 


Thành phán trực quan (visual element): Còn 
gọi là các đối tượng riêng lẻ trên trang. Đường kẻ, 
hình dang, hình ảnh, tiêu để, văn bản nội dung và 
bất cứ thứ gì khác trên trang chính là các thành 
phán trực quan giúp bạn dựng nên trang thiết kế. 
Các thành phần này có thể độc lập, như một ảnh 
hay một nhóm đối tượng đủ gần nhau để được 
xem là một thành phán riêng biệt (một nhóm văn 
bản nội dung chẳng hạn). 

Tính dë đọc (readability): Mức độ dễ đọc đối 
với văn bản lớn: Các câu, đoạn và trang văn bản. 
Tính rõ ràng (legibility): Mức độ dé xác dinh 
văn bản trong các cụm từ ngắn, chẳng hạn như 
tiêu dé, sign (ký hiệu), slogan (khẩu hiệu),... 


Tờ rơi quảng cáo/tờ roi (flyer): Các trang một 
mặt đơn giản, dùng để quảng cáo cho một lời chào 
hàng đặc biệt có thời hạn hoặc một sự kiện đặc 
biệt chỉ có một lần. 


Trademark (nhãn hiệu thương mại), hay còn gọi 
là mark (nhãn hiệu/nhãn mác): Một tên gọi hoặc 
symbol đặc trưng được một công ty sử dụng để 
định danh cho một thương hiệu hoặc sản phẩm. 


Trích đoạn (pull quote): Một hoặc hai câu "lấy 
ra” từ văn bản, được thiết lập ở kích thước point 
lớn hơn so với phần văn bản nội dung và được đặt 
trong một cột văn bản hoặc ở bên lề. 


Trong lượng thị giác (visual weight): Ảo giác 
của khối lượng vật lý của từng thành phần trực 
quan trên trang. Ví dụ, dòng tiêu để đậm có trọng 
lượng thị giác mạnh hơn so với dòng ghi tên tác 
giả có kích thước nhỏ hơn nhiều. 


Trong tâm (focal point): Thành phán trực quan 
hoặc phần được nhấn mạnh nhất trên trang, do đó 
đây sẽ là nơi độc giả chú ý trước tiên. 


Typeface (kiểu chữ): Một tập hợp gồm các 
letterform, con số và symbol được thống nhất bởi 
một lối thiết kế trực quan chung. 

Typography (môn chữ ứng dung học): Một nghệ 
thuật và quy trình sắp xếp chữ trên bố cục trang. 
Уап bản (copy): Tắt cả các từ được viết trên trang, 
bao gồm tiêu dé, tiêu để phụ, văn bản nội dung, 
chú thích hình, trích đoạn,... 


Văn bản nội dung (body copy): Phần chữ nhỏ 
truyền tải thông tin trên các mẩu quảng cáo, tờ 
rơi, brochure, báo chí,... Các tên gọi khác của 
văn bản nội dung là “body text”, “text type" hay 
“simply body”. Văn bản nội dung thường có kích 
thước từ 8 đến 12 point. 


Word spacing (khoảng cách từ): Khoảng cách 
giữa các từ. 


A 


Adobe Illustrator 306 

Adobe InDesign 306 

Adobe Photoshop 306 

Adobe Photoshop Elements 306 
ảnh chup 167-174 

ảnh được cắt lọc đối tượng 171,313 


Â 
ấn phẩm sách 310-312 


B 

bài tập: 
dòng chảy 163 
dự án 297-301 
hình ảnh 186-188 
màu sắc 198-200 


quy tác sử dụng typography 
267-268 


su cán báng 85-86 
su cán gióng 119-120 
sự lặp lại 145 
sự nhấn mạnh 39-40 
sự tương phản 59-61 
typography 244 

bất đối xứng 104, 313 


bảng để tên 51,313 

banner 284-287, 313 

bản thiết kế hoàn chỉnh 17-19, 313 

bản thô 313 

bản tin 313 
kích thước tiêu chuẩn 291 
lưu ý khi thiết kế 291-292 
thành phần tiêu chuẩn của bản 
tin 289-290 

bìa sách 294-295 

bìa và nhãn đĩa CD 296 

biểu đồ thị giác 25-27, 313 

bộ văn phòng phẩm 313 
kích thước tiêu chuẩn 271 
lưu ý khi thiết kế 273-274 
thông tin tiêu chuẩn 272-273 
vùng thiết kế 274-275 


C 

cân bằng bát đối xứng 65, 313 
cân bằng đối xứng 65, 314 
căn đều bên phải 101, 314 
căn déu bên trái 101, 314 

căn giữa 103, 314 

Canvas 307 

cắt xén 168,314 


câu hỏi trắc nghiệm: 
dòng chảy 162 
hinh ánh 186 
màu sác 198 
quy tác sử dung typography 
266-267 
su cán báng 84 
sự căn gióng 118 
sự lặp lại 144 
sự nhấn mạnh 38 
sự tương phản 56-58 
typography 226-243 


vấn để cần lưu ý trước khi thiết 
kế 19 


chạy vòng quanh đối tượng 104, 314 
chữ: 
bài tập 244 
căn gióng 212-213 
câu hỏi trắc nghiệm 226-243 
cấu trúc 204-205 


định dạng phần mềm cho font 
chữ 224-226 


độ dài dóng chữ 214-215 
dùng chữ làm ảnh 180-183 
hướng dẫn sử dụng 262, 264 
kết hợp chữ hiệu quả 258-262 
kích thước chữ 208-209 
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leading 210 
letterspacing 210 

loai chü 214, 216-224 
mức dó weight 206-208 


nguồn tài nguyên tham khảo 
308-309 


sự nhấn mạnh 254-255 
sự tương phản 248-254 
tính rõ ràng và tính đễ đọc 254, 
256 
typeface thông dụng 224 
word spacing 212-213 
xung đột chữ 257-258 

chữ American Uncial 223 

chữ Anna 256 

chữ Antique Olive 206 

chữ Arial Black 142 

chữ Arial Bold 160 

chữ Baskerville 37, 219 

chữ Bodoni 262 

chữ Bodoni Book 117, 142 

chữ Caslon Antique 218 


chữ Century Schoolbook Bold Italic 
254 


chü City Compress 220 

chữ Clarendon 220 

chü Commercial Script 254 
chữ Franklin Gothic 256 

chü Garamond 262 

chữ Gill Sans 207, 262 

chü Ice Age 223 

chữ Imperial 221 

chữ ITC Aspera 116-117 

chü Myriad Bold Condensed 37 
chü Officina Sans 262 

chữ Officina Serif 262 

chương trinh xử lý ảnh 172, 174 
chữ Peignot 256 

chữ Tiffany 219 


chữ Vladimir 222 
chữ Washington Black 221 
cóng cu: 

dung cụ thủ công 304-305 


hướng dẫn phê bình tác phẩm 
302-303 


máy tính và phán mềm 305 
mục tiêu bài học 302 


phần mềm xuất bản trên máy 
tính 306-308 


CorelDRAW 307 
Corel Painter 8 307 
Corel Print House 307 


D 


danh sách dánh dáu dáu dóng 11 
danh thiép 271 
dòng chảy 13-14,314 
bài tập 163 
câu hỏi trắc nghiệm 162 
định nghĩa 146-147 
dòng chảy ngôn tit 147-152 
dòng chảy thị giác 152-154 
mục tiêu bài học 146 


phân tích cấu trúc trang nâng 
cao 159-161 


ví dụ 154-159 
dòng chảy ngôn từ 147-152 
dòng chày thị giác 147, 152-154 
Dover Publications (Nhà xuất bản 
Dover) 308 


dự án: 
bài tập 297-301 
banner 284-287 
bản tin 289-292 
bìa sách 294-295 
bìa và nhãn dia CD 296 
bộ văn phòng phẩm 271-275 
logo và logotype 276-279 
lý lịch cá nhân 293 


mục tiêu bài học 270-271 

poster 287-289 

tờ rơi quảng cáo/tờ rơi 279-284 
dụng cụ thủ công 304-305 


p 


diém nhán 26,314 
dinh dang 2,314 


định dang phần mềm cho font chữ 
224-226 


định dạng thiết kế 6-8 
độ dài dòng chữ 214-215 
đối tượng khán giả 4 


F 


Fain, Curt 261-263 
font họa tiết 154-155, 184-185, 314 
font (phông chữ) 204, 314 

Anna 256 

Baskerville 37 


Century Schoolbook Bold Italic 
54 


Franklin Gothic 256 
Myriad Bold Condensed 37 
Peignot 256 

Fonts.com 309 


G 


Gestalt 125-128, 314 

Getty Images 309 

ghép nhóm các thành phán lién 
quan 104-105 


H 


hai lé đều thẳng 103, 314 

hãng cung cấp kho ảnh 167 

Hë màu Pantone (Pantone Matching 
System - PMS) 194 

hình ảnh: 


ành chup 167-174 

bàitáp 186-188 

câu hỏi trắc nghiệm 186 
dùng chữ làm ảnh 180-183 
font họa tiết 184-185 


hình ảnh làm tăng ấn tượng cho 
thiết kế 164-166 


hình vẽ minh họa có sẵn 167, 
178-180 


mục tiêu bài học 164 
quy tắc thị giác khi sử dụng hình 
ảnh 184 
tranh minh họa 175-177 
hình dạng cụ thể 314 
hinh/nén 126-127, 314 


hình phác thảo mẫu nhỏ 14, 16-17, 
314 


hình vẽ minh họa có sẵn 167, 
178-180 


nguồn tham khảo 308-309 
họ chữ 205, 314 
hướng dán phê bình tác phẩm 303 


I 
IMSI HiJaak PhotoART 309 


J 


Jasc Paint Shop Pro 308 


K 

kerning 212, 314 

khoàng tráng 67-68,314 
kiém tra chính tà 265-266 
kiểu chữ 205-207, 315 
KISS 159 


L 


lậtảnh 170-171,315 
layout 4,315 


leading 210,315 
letterspacing 210-211, 315 
logo/logotype 315 

khác biệt về ý nghĩa 276-277 

lưu ý khi thiết kế 277-279 
luu ý khi thiết kế: 

banner 284-287 

bản tin 291-292 

bìa sách 294-295 

bìa và nhãn đĩa CD 296 

bộ văn phòng phẩm 273-274 

logo và logotype 277-279 

lý lịch cá nhân 293 

poster 288 

tờ rơi quảng cáo/tà rơi 282-283 


M 


Macromedia FreeHand 308 
màu bạc 192 
màu cam 192 
màu CMYK 
màu đỏ 192 
màu kim loại 192 
màu sắc: 
bài tập 198-200 
câu hỏi trắc nghiệm 198 
làm quen với màu sắc 189-190 
màu sắc và máy tính 192-194 


mẹo nhỏ khi sử dụng màu sắc 
197 


mục tiêu bài học 189 
thông điệp bí mật từ màu sắc 
190-191 
ví dụ 194-196 
màu tím 192 
màu vàng 192 
màu vàng kim 192 
màu xanh lam 192 
màu xanh lục 192 


CHỈ MỤC 319 


máy tính và phấn mềm 305 
mức độ weight 206-208 


N 


nguồn tài nguyên tham khảo: 


ấn phẩm sách và tạp chí 
310-312 


hình vẽ minh họa có sẵn và chữ 
308-309 

phần mềm xuất bản trên máy 
tính 306-308 


nguyên lý thiết kế 12-14 
dòng chảy 146-163 
sự cân bằng 62-86 
sự căn gióng 87-120 
sự lặp lại 121-145 
sự nhấn mạnh 21-40 
sự tương phản 41-61 
nội dung 315 
Nova Development Art Explosion 
309 


о 


ó lưới 92-100, 315 
OpenType 225-226 


P 
phán mém xuát bàn trén máy tính 
306-308, 306-309 
phán tích cẩu trúc trang nâng cao: 
dòng chảy 159-161 
sự cân bằng 81-83 
sự căn gióng 116-117 
sự lặp lại 142-143 
sự nhấn mạnh 35-37 
sự tương phản 54-55 
phong bì thư 271 
pica 208, 315 
pictograph 277,315 


320 CHỈ MỤC 


point 208, 315 
poster 287-289, 315 
PostScript 225 


Q 

QuarkXPress 308 

quy tác typography: 
bài tập 267-268 
câu hỏi trắc nghiệm 266-267 
hướng dẫn sử dụng 262, 264 
kết hợp chữ hiệu quả 258-262 
kiểm tra chính tà 265-266 


lựa chọn typeface đơn giản 254, 


256 

mục tiêu bài học 245 

sắc thái 246-248 

sự nhấn mạnh 254-255 

sự tương phản 248-254 

tránh gây xung đột 257-258 
quy trình thiết kë 14-19 


§ 


Sans serif 221-222, 315 
Script 222-223, 315 
Serif 217-220, 315 
Square serif 220, 315 
sự cân bằng 13, 315 
bài tập 85-86 
cân bằng đối xứng và cân bằng 
bất đổi xứng 65-66 
câu hỏi trắc nghiệm 84 
mục tiêu bài học 62-63 


phân tích cấu trúc trang nâng 
cao 81-83 


tỷ lệ 66-67 
vai trò 64-65 
ví dụ 67-81 
sự căn gióng 13,315 
bài tập 119-120 


căn gióng văn bản 101-105 
câu hỏi trắc nghiệm 118 


ghép nhóm các thành phần liên 


quan 104-105 
mục tiêu bài học 87-89 
ô lưới 92-100 


phân tích cấu trúc trang nâng 
cao 13, 116 


vai trò 90-91 
ví dụ 106-115 

sự đóng kín 126-127, 315 

sự lân cận 315 

sự lặp lại 13,315 
bài tập 145 
câu hỏi trắc nghiệm 144 
lạm dụng sự lặp lại 139-141 
mục tiêu bài học 121 
phân tích cấu trúc trang nâng. 
cao 142-143 


sự thống nhất 124-125 


sự thống nhất và Gestalt 
124-127 


ví dụ 128-139 
sự liên tục 126-127 
sự nhấn mạnh 12, 316 
bài tập 39-40 
biểu dó thị giác 25-27 
câu hỏi trắc nghiệm 38 
kỹ thuật nhấn mạnh 27-29 
lạm dụng sự nhấn mạnh 35 
mục tiêu bài hoc 21-22 


phân tích cấu trúc trang nâng 
cao 35-37 
typeface 254-255 
vai trò 23-24 
ví dụ 30-34 
sự thống nhất 124-125, 316 
sự tương đồng 316 
sự tương phản 12, 41, 316 
bài tập 59-61 


câu hỏi trắc nghiệm 56-58 
mục tiêu bài học 41 


phân tích cấu trúc trang nâng 
cao 54-55 


typeface 248-253 

vai trò 42-44 

ví dụ 44-53 
symbol 277, 316 


T 


tap chí 310-312 
tát cà các ky tu in hoa 33,316 
thành phán ám 126-127 
thành phán duong 126-127 
thành phán truc quan 3, 158, 316 
lặp lại 154 
thuật ngữ 313-316 
căn gióng văn bản 101-104 
thuật ngữ chuyên ngành: 
bài tập 244 
câu hỏi trắc nghiệm 226-243 
mục tiêu bài học 202 
typography cơ bản 203-226 
tiêu để thư 271 
tính dë đọc 254, 256, 316 
tính rõ ràng 254-256, 316 


tờ rơi quảng cáo/tờ rơi 279-280, 316 


hướng dẫn trên phiếu giảm giá 
283-284 


kích thước tiêu chuẩn 280 
lưu ý khi thiết kế 282-283 


thông tin tiêu chuẩn trên tờ rơi 
281 


trademark/mark 277, 316 
tranh minh hoa 175-177 
trích doan 316 

trong lugng thi giác 64, 316 
trong tâm 26, 316 
TrueType 225 


CHIMUC 321 


tương phản về kích thước 250-251 typefaceloai Transitional 218-219 үү 


tương phản vé màu sắc 253 typeface Serif 219-220 word spacing 212, 316 

tương phản về mức độ weight typography 202, 316 

252-253 

typeface 204-205, 316 у x 

typeface Decorative 223-224 xung dót chü 257-258 
văn bàn 8,316 


typeface loại Modern 218-219 


vàn bàn nói di 31,316 
typeface loại Old Style 218 wd ES 


viết nội dung 8-11 


Một ý nghĩ cuối cüng'. 


"Sau đây là bản tạm dich cho câu trích dẫn nổi tiếng trên: 
Hôm qua là quá khứ 

Ngày mai là một bí mật 

Hôm nay là một món quà 

Dó là lý do nó được gọi là Present (Hiện tai/Món quà) 


ĐÔI NÉT VỀ FPT POLYTECHNIC 


“Thành lập tháng 07/2010, FPT Polytechnic thuộc Đại học FPT, đào tạo Hệ Cao đẳng thực hành và cấp 
bằng Cao đẳng nghề theo Quyết định của Tổng cục dạy nghề. 


SỨ MỆNH 

ЕРТ Polytechnic ra đời với sứ mệnh cung cấp dich vụ đào tạo tốt trên các tiêu chí: Phù hợp với năng 
lực học tập của sinh viên; đáp ứng nhu cầu lớn của doanh nghiệp và cung cấp dịch vụ đào tạo chuẩn 
mực dựa trên các chuẩn đã được công nhận. 


Phù hợp với năng lực học tập của sinh viên 

Tất cả sinh viên đều có quyển học tập và có quyền được cung cấp một học vấn, kỹ năng phù 
hợp với năng lực. FPT Polytechnic cung cấp một chương trình học tập thiên về thực hành với 
mục tiêu chi cán sinh viên chăm chi, có ý thức học hỏi, cầu tiến thì sẽ đáp ứng được nhu cẩu 
việc làm của doanh nghiệp. 


Đáp ứng nhu cẩu lớn của doanh nghiệp 

Các chuyên ngành đào tạo của FPT Polytechnic đều nhắm tới nhu câu rất lớn của xã hội. Hiện 
nay, Việt Nam có hàng trăm nghìn doanh nghiệp, trong đó mỗi doanh nghiệp đều cần có nhân 
viên kế toán, nhân viên tiếp thị và bán hàng; các doanh nghiệp đều cẩn có Website quảng bá 
sản phẩm và giao dịch, do đó đều cần một nhân viên thiết kế, quản trị Website. Ngoài ra, doanh 
nghiệp có hệ thống máy tính đều cần nhân viên để xây dựng các ứng dụng hữu ích và đảm bảo 
hệ thống được vận hành hiệu quả. 


Cung cấp dịch vụ đào tạo chuẩn mực 

Chương trình đào tạo của FPT Polytechnic tuân theo chuẩn khung chương trình của BTEC, 
Vuong quốc Anh. Sách giáo trình, tài liệu học tập được chuyển ngữ sang tiếng Việt từ các bộ 
sách uy tín của các Nhà xuất bản lớn trên thế giới như Pearson, Cengage, McGraw-Hill,... Học 
liệu được các cán bộ có uy tín của Trường Đại học FPT thiết kế, biên tập và chuyển tải trên việc 
áp dụng hệ thống công nghệ thông tin tân tiến. 


TRIÉT LÝ ĐÀO TẠO 

FPT Polytechnic áp dụng triết lý đào tạo “Thực học - Thực nghiệp” với việc coi người học như là nhân 
viên. Trải nghiệm học tập sẽ được coi như trải nghiệm làm việc, nhằm giúp cho doanh nghiệp làm 
quen được với công việc thực tiễn và phương pháp giải quyết vấn để dựa trên công việc. Phương pháp 
đào tạo qua dự án “Project based training" sẽ đưa ra các yêu cầu thực tế của công việc, được truyền đạt 
dưới dạng dự án giao cho sinh viên. Việc kỷ luật học tập cũng được áp dụng chặt chẽ cùng với các khóa 
đào tạo kỹ năng mềm, nhằm đảm bảo sinh viên ra trường có được ý thức cũng như kỹ năng mềm cần 
thiết trong công việc. 


CHIẾN LƯỢC TRONG VIỆC PHÁT TRIỂN GIÁO TRÌNH 

Hiện nay, FPT Polytechnic đã có bản quyển dịch và phát hành nhiều bộ sách giáo trình cho các chuyên 
ngành liên quan đến Công nghệ thông tin, Kế toán và Quản trị kinh doanh. Ngoài ra, FPT Polytechnic 
cũng đã phát triển các gói học liệu cho những giáo trình này. FPT Polytechnic luôn sẵn sàng chia sẻ và cùng 
phát triển giáo trình, tài liệu, nhằm mục đích cung cấp chất lượng đào tạo tốt hơn cho sinh viên Việt Nam. 


JT. owies 


TRƯỜNG DAI HỌC FPT 


XIN VUI LÒNG LIÊN HÊ 


Văn phòng FPT Polytechnic Việt Nam 

Dia chỉ: Tòa nhà FPT Polytechnic, Đường Hàm Nghi, 
KÐT My Binh I, Tù Liêm, Hà Nói 

Diën thoai: (04) 7 305 9886 - (04) 7 305 1398 

Email: caodang@fpt.edu.vn 


Co sở tại Hà Nội 

Địa chỉ: Tòa nhà FPT Polytechnic, Đường Hàm Nghi, 
KĐT Mỹ Đình I, Từ Liêm, Hà Nội 

Điện thoại: (04) 7 305 1398 

Email: caodangfpt.hn@fpt.edu.vn 


Cơ sở tại Đà Nẵng 

Địa chỉ: 137 Nguyễn Thị Thập, Phường Hòa Minh, 
Quận Liên Chiểu, TP. Đà Nẵng 

Điện thoại: (0511) 3 710 999 

Email: caodangfpt.dn@fpt.edu.vn 


Cơ sở tại Tây Nguyên 

Tầng 2 tòa nhà VIB 27 Nguyễn Tất Thành, Phường Tân Lợi, 
TP. Buôn Ma Thuột, Tỉnh Đắk Lắk 

Điện thoại: (0500) 355 5678 

Email: caodangfpt.daklak@fpt.edu.vn 


Cơ sở tại TP. Hồ Chí Minh 

Địa chỉ: 391A Nam Kỳ Khởi Nghĩa, Q. 3, TP. HCM 
Điện thoại: (08) 3526 8799 

Email: caodangfpt.hcmefpt.edu.vn 
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í Mời các bạn đón doc Tủ sách chuyên nghề của Trường Dai học FPT. 
( Lịch phát hành chỉ tiết được cập nhật tại trang Web: fptbooks.vn. 
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